jQuery Validate rules wont apply

Question

Я пытаюсь использовать проверку jQuery для формы.

Я добавил

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

Мой вид:

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

На нижней части страницы

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

Это работает. Это здорово. Но если я удалю требуемый attr и попробую сказать

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

Это не работает. Для жизни меня я не могу понять, что я делаю неправильно.

В конце концов мне нужен этот ввод, который требуется и числовой.

Я попытался добавить «номер» в качестве атрибута, но это тоже не сработало.

некоторое руководство будет отличным.

Спасибо.

Answer 1

Есть несколько доступных плагинов для проверки, после некоторых поисков я думаю, что нашел плагин, который вы используете, на основе использования here.

Я создал скрипку для демонстрации, как сделать нужное поле и числовое ... click here for fiddle.

На основании кода, который вы указали, похоже, что вы включаете только базовую библиотеку validate.js. Вы должны обязательно указать файл css, и если вы хотите использовать некоторые из правильных настроек, например, проверки числа, то вам также необходимо будет указать файл additional-methods.js. Все эти файлы можно найти HERE.

Вот код из приведенной выше скрипки ..

<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 
     } 
     } 
    }); 
});