input 최소길이 체크 자바스크립트 문의드립니다.. 채택완료

5년 전 조회 2,684

폰번호를 받고 있는데

중간에 4자 이하로 숫자를 입력하면 

자바스크립트로 체크를 하려 합니다.

 


<script type="text/javascript">
  function validate(element,min,max) {              
         var len = element.value.length ;
       if ((len<min)||(len>max)) {
               alert(min + '자 이상 ' + max + '자 이하로 입력해야 합니다' ) ;
               element.style.borderColor="#FF0000";
               // 입력 필드의 경계선을 빨강으로 설정함
               element.focus();
               // 입력 필드로 포커스를 이동
       } 
        else  {
               element.style.borderColor="#ffffff";
               // 입력 필드의 경계선을 흰색으로 설정
      }

</script>

 


<input type="text" id="wr_3" name="wr_3" maxlength="4" onblur="validate(this,3,4);">
<input type="text" id="wr_5" name="wr_5" maxlength="4" onblur="validate(this,3,4);">

 

 

이렇게 했는데..

체크는 하는데

 

경고창이 뜬 후 확인을 누르면

해당 input으로 가지않고

경고창의 확인을 눌러도 계속 경고창이 무한으로 떠버리네요;

 

이유가 무엇일까요.. 미치겠음다..ㅠㅠ

답변 2개

채택된 답변
+20 포인트

element.focus(); 다음에

return false; 를 추가하세요..

onblur="return validate(this,3,4);"

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

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

@eyekiss 님 말씀이 맞아요. return false 와 return ture 를 활용해보세요

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

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

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

로그인
🐛 버그신고