Проверка подлинности Jquery не работает должным образом; показать сообщение об ошибке при вводе значения также

Question

Я написал код ниже, но даже если я вхожу в поля, он показывает сообщение об ошибке, также как можно остановить кнопку, если есть другой метод, назначенный, если он показывает сообщения об ошибках.

<script src="js/jquery-1.11.1.min.js"></script> 
    <script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script> 
    <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.15.0/jquery.validate.js"></script> 
    <script src="js/snip.js"></script> 
    <script src="js/action.js"></script> 

    <script> 
    $('#reg_form').validate({ 
     rules:{ 
       FirstName:{ 
       required:true 
       }, 
       Email:{ 
        required:true, 
        email:true 
       }, 
       ConfirmEmail:{ 
        required:true, 
        email:true, 
        equalTo:"#Email" 
       }, 
       code:{ 
        number:true 
       }, 
       Mobile:{ 
        number:true 
       } 
     }, 
     messages:{ 
       FirstName:{ 
        required:"Please enter your First Name" 
       }, 
       Email:{ 
        required:"Please provide an Email address", 
       }, 
       ConfirmEmail:{ 
        required:"Please provide an Email address", 
        equalTo:"Please provide same Email address" 
       } 

     } 

    }); 


$('button').on('click',function(){ 
    if($('#reg_form').valid()==true) 
      $(this).stop();    
}); 
</script> 

Вот link на страницу

Answer 1

Вы звоните $('#reg_form').validate()({...});. То есть вы вызываете validate() без каких-либо параметров и ожидаете, что он вернет функцию, которую вы тут же вызываете, параметры передачи.

У вас просто опечатка; вам необходимо удалить () после validate, чтобы ваши параметры были переданы в функцию validate.