2013-04-30 2 views
0

양식을 검사하여 필드에서 특정 값을 확인하려고합니다. 사용자가 텍스트 상자에 5보다 큰 값 (>= 5)을 입력하면 유효성 검사에서 오류를 반환해야합니다. jQuery 유효성 검사를 사용하면 어떻게됩니까?jQuery 유효성 확인을 사용하여 특정 값 유효성 확인

<input type='text' name='qty' value='must lower than 5'/> 
+0

유효성 검사 플러그인을 사용하고 있습니다 .. 사용하는 클래스와 루프를 더 사용하려면? – bipen

+0

jquery –

+0

의'keyup' 또는'keydown' 이벤트를 사용합니다 .. jquery validation 1.11을 사용했습니다. – casper

답변

1

이 같은 뭔가를 시도 할 수 있습니다 :

여기

<input type='text' name='qty' id='txt_qty' placeholder='must be lower than 5'> 

당신의 value=''-placeholder='' 스크립트입니다 변경할 수 있습니다

:

<script type='text/javascript'> 
    $(document).ready(function() 
    { 
     $('#txt_qty').keyup(function() 
     { 
      var qty = $(this).val(); 
      if(qty > 5) 
      { 
       alert('Quantity must not be more than 5'); 
       $(this).val(''); 
      } 
     }); 
    }); 
</script> 

그것의 단순한하지만, 이게 도움이 되길 바란다.

+0

사용자가 페이지로드 후 값을 입력합니다. 값을 확인하기 위해 이벤트를 사용하지 않았습니다. –

+0

두 개 이상의 입력 텍스트가있는 경우 어떻게해야합니까? – casper

+0

@dianuj 죄송합니다. 조금 흥분했습니다. –

0

<script type='text/javascript'> 
$(document).ready(function() 
{ 
    $("#formID").submit(function(){ 
     var qty = $('#txt_qty').val(); 
     if(qty > 5) 
     { 
      alert('Quantity must not be more than 5'); 
      $('#txt_qty').val(''); 
      return false; 
     } 
     return true; 
    }); 
}); 
</script> 
0

당신이

<script type='text/javascript'> 
$(document).ready(function() 
{ 
    $("#formID").submit(function(){ 
     var ret= true; 
     $(".checkthis").each(function(){ 
      var qty = $(this).val(); 
      if(qty > 5){ 
       alert('Quantity must not be more than 5'); 
       $(this).val(''); 
       ret = false; 
      } 
     }); 
     return ret; 
    }); 
}); 
</script>