Как обрабатывать ошибки проверки jQuery

Question

У меня есть форма, которую я проверяю с некоторыми обязательными полями в ней. Я использую плагин jquery.validate для проверки формы. Ниже приводится фрагмент кода: Js:

var validator = $("#accountCreateForm").validate({ 

    // Specify the validation rules 
    rules: { 
     firstname: "required", 
     lastname: "required", 
     email: { 
      required: true, 
      email: true 
     } 
    }, 

    // Specify the validation error messages 
    messages: { 
     firstname: "Please enter your first name", 
     lastname: "Please enter your last name", 

     email: "Please enter a valid email address" 
    } 

}); 
$('#button').on("click", function(){ 
    $.wm.net.restRequest('/account/data',{ 
    //post the required data 
    }).fail(function() { 
    // do the error handling 
    }).done(function() { 
    //post data successfully 
    }); 
}); 

HTML:

<form action="" method="post" id="register-form" > 

<div class="label">First Name</div><input type="text" name="firstname" /><br /> 
<div class="label">Last Name</div><input type="text" id="lastname" name="lastname" /><br /> 
<div class="label">Email</div><input type="text" id="email" name="email" /><br /> 
    <div style="margin-left:140px;"><button id="button" type="submit" name="submit" >Submit</button></div> 

</form> 

С выше инициализации плагина проверки, форма не проверяет, в основном потому, что им ничего не делать в функции обработки ошибок , Я не уверен, как я могу справиться с проверкой функции ошибки:

}).fail(function() { 
    // do the error handling 
    }); 

Спасибо!

Answer 1

Ваше имя формы является «регистрационной формой», но вы проверяете «accountCreateForm».

Здесь я попробовал это с вашей формой, это работает для меня:

var validator = $("#register-form").validate({ 

    // Specify the validation rules 
    rules: { 
     firstname: "required", 
     lastname: "required", 
     email: { 
      required: true, 
      email: true 
     } 
    }, 

    // Specify the validation error messages 
    messages: { 
     firstname: "Please enter your first name", 
     lastname: "Please enter your last name", 
     email: "Please enter a valid email address" 
    } 

}); 

$('#button').on("click", function(){ 

    if($('#register-form').valid()) 
    { 
     /* Do your saving, etc stuffs here */ 
     $('#register-form').submit(); 

    } 

});