如何处理 jQuery 验证错误

Question

我有一个正在验证的表单，其中包含一些必填字段。我正在使用 jquery.validate 插件来验证表单。以下是片段：杰斯:

    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

您的表单名称是 'register-form'，但您正在验证 '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();

    }

});

如何处理 jQuery 验证错误

How to handle jQuery Validation errors

jquery

jquery-validate