테스트 사이트 - 개발 중인 베타 버전입니다

크롬이 안좋아 합니다. 흑흑 채택완료

그누x쵸딩 5년 전 조회 2,819

쓰기페이지에서 내용이 많아

<button type="submit" id="btn_submit" accesskey="s" class="btn_submit" onclick="submitForms()">저장</button> 

이 저장 버튼을 많이썼습니다.

상단 하단 안내려가고 근처에서 바로 누르려고요...

 

나중에 보니 id="btn_submit" 가 겹쳐서 그런지 크롬이 않좋아합니다.

넌 유니크 아이디 어쩌구...

나를 뭔가 아는거 같은 소릴 하면서....

 

쓰기 페이지에서 저장할 때  id="btn_submit" 이거 아니면 안되나요?

하단에 보니

        <?php echo $captcha_js; // 캡챠 사용시 자바스크립트에서 입력된 캡챠를 검사함  ?>

        document.getElementById("btn_submit").disabled = "disabled";

이렇게 있던데

 

document.getElementById 를 class로 바꿔주면 안되나요?

클래스로 하면 다른거랑 혹시 겹칠지 모르니 btn_submit1000000000  이렇게 해주면 안될까해서요

 

 

 

댓글을 작성하려면 로그인이 필요합니다.

답변 4개

채택된 답변
+20 포인트
검은냥냥이

</p>

<p>// 버튼에 "id" 지우고 "class"만 남깁니다.</p>

<p>// id는 고유값이기 때문에 1개만 할당이 가능합니다. </p>

<p><button type="submit" accesskey="s" class="btn_submit">저장</button></p>

<p> </p>

<p><script></p>

<p>const buttons = document.querySelectorAll(".btn_submit");</p>

<p> </p>

<p>buttons.foreach((element) => {</p>

<p>  element.addEventListener("click", (e) => {</p>

<p>    submitForms();</p>

<p>  });</p>

<p>});</p>

<p> </p>

<p>function submitForms() {</p>

<p>  // "submitForms" 함수안 상단에 추가</p>

<p>  </p>

<p>  buttons.foreach((element) => {</p>

<p>    e.target.disabled = true;</p>

<p>  });</p>

<p>}</p>

<p></script></p>

<p><span style="font-size: 0.9em;">

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

그누x쵸딩
5년 전
아 감사합니다. 코드까지 해주셔서 복받을거에요

댓글을 작성하려면 로그인이 필요합니다.

JungCoolho
5년 전

저도 배워갑니다. 감사합니다

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

JungCoolho
5년 전

저도 배워갑니다. 감사합니다

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

5년 전

id는 고유해야하므로 class  바꾸시거나 id에 seq달아서 id<?=$row["wr_id"];?> 으렇게 달아서 고유하게 만들어 주셔도 됩니다. 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

그누x쵸딩
5년 전
다시 감사합니다~

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인