Проверка jQuery: не работает с готовым jQuery

Question

jQuery validator не работает с $ .ready

Следующий код находится в конце тела документа.

<script src="lib/jquery.js"></script> 
<script src="lib/validate/jquery.validate.js"></script> 
<script src="lib/validate/additional-methods.min.js"></script> 

$().ready(function(){ 
    $("#frm_register").validate(
    { 
     rules: { 
      contactpr: { 
       required: true, 
       number: true 
      }, 
      email: { 
       required: true, 
       email: true 
      }, 
      cnic: { 
       required: true, 
       number: true 
      } 
     }, 
     messages: { 
      default: "Left empty" 
     } 
    }); 
}); 

Когда я удалил заявление $(). Ready, он отлично работает, почему?

Я использую готово, чтобы убедиться, что все нагрузки до проверки.

Answer 1

Вы использовали

$().ready(function(){ 
    // Your Validation Code 
}); 

Оно должно быть:

$(document).ready(function() { 
// Your Validation Code 
}); 

Answer 2

Как уже говорилось в других ответах, документ ready обработчик события не в нужном формате. Все, кажется, работает нормально, когда я использую $(document).ready(function(){})

См: http://jsfiddle.net/gep8U/

Однако, вы также этот параметр определяется:

messages: { 
     default: "Left empty" 
    } 

Опция messages занимает поле name и правила (или поле name) вместе с сообщением о переезде. Поскольку нет поля name или правила, называемого default, этот параметр ничего не делает для вас.

Попробуйте вместо этого:

messages: { 
     contactpr: { 
      required: "Left empty" 
     }, 
     email: { 
      required: "Left empty" 
     }, 
     cnic: { 
      required: "Left empty" 
     } 
    } 

Рабочая демо: http://jsfiddle.net/47C7T/