jQuery 유효성 검사 규칙 적용되지 않음

Question

양식에 jQuery 유효성 검사를 사용하려고합니다. 페이지

이 작동

$('#Main').validate(); 

의 하단에서

<form id="Main"> 
    <asp:TextBox ID="Box" name="box" required runat="server" 
</form> 

:

나는

<script type="text/javascript" src="Scripts/jquery.validate.js"></script> 

내 양식을 추가했습니다. 어느 쪽이 위대한가. 하지만 필요한 attr을 제거하고 말하십시오.

$('#Main').validate({rules:{box:{required:true}}}); 

이것은 작동하지 않습니다. 내 인생에서 내가 뭘 잘못하고 있는지 파악할 수 없다.

결국 입력이 필요하며 숫자가 필요합니다.

'number'를 속성으로 추가했지만 그 중 하나가 작동하지 않았습니다.

몇 가지 안내가 훌륭합니다.

감사합니다.

Answer 1

유효성 검사 플러그인을 여러 개 사용할 수 있습니다. 일부 검색 후에 사용법에 따라 사용중인 플러그인을 찾은 것 같습니다. here.

필드를 필수 및 숫자로 만드는 방법을 시연하기 위해 바이올린을 만들었습니다. click here for fiddle.

제공된 코드를 기반으로하면 validate.js 라이브러리 만 포함 된 것처럼 보입니다. css 파일을 반드시 포함해야하며, 유효성 검사와 같은 일부 유효성 검사를 사용하려면 additional-methods.js 파일을 포함시켜야합니다. 이 파일들은 모두 HERE입니다. 여기

는 클라이언트 측 코드에 대해 물어 때, 클라이언트 측 코드가 browser_ 볼 _as 제시해주세요 .. 위의 바이올린에서 코드 향후

<form id="myform"> 
    <input type="text" class="box" id="box" name="box"> 
    <br/> 
    <input id="submit" type="submit" value="Validate!"> 
</form> 

$(document).ready(function() 
{ 
    $("#myform").validate(
    { 
     rules: 
     { 
     box: 
     { 
      required: true, 
      number: true 
     } 
     } 
    }); 
});