Jquery validate onValid

Question

我正在使用OnValid事件调用一个方法，但是当我尝试在我的方法中引用它们时，表单中的值已清除。有人知道我做错了什么吗？

$("form").validate({ 
     //errorLabelContainer: $("#divErrors"), 

      rules: { 
       txtUserName: { 
        required: true, 
        minlength: 4, 
        maxlength: 20 
       }, 
       txtPassword: { 
        required: true, 
        minlength: 4, 
        maxlength: 32 
       }, 
       txtConfirmPassword: { 
        required: true, 
        equalTo: "#txtPassword", 
        minlength: 4, 
        maxlength: 32 
       }, 
       txtFirstName: { 
        required: true, 
        maxlength: 50 
       }, 
       txtLastName: { 
        required: true, 
        maxlength: 50 
       }, 
       txtJobTitle: { 
        required: true, 
        maxlength: 100 
       }, 
       txtEmailAddress: { 
        required: true, 
        email: true, 
        maxlength: 100 
       }, 
       txtTelephoneNumber: { 
        required: true, 
        number: true//, 
        //postalCode:true 
       } 
      }, 
      messages: { 
       txtUserName: { 
        required: "Please enter a User Name", 
        minlength: "User Name must be at least 4 characters", 
        maxlength: "User Name must be no more than 20 characters" 
       }, 
       txtPassword: { 
        required: "Please enter a Password", 
        minlength: "Password must be at least 4 characters", 
        maxlength: "Password must be no more than 32 characters" 
       }, 
       txtConfirmPassword: { 
        required: "Please confirm Password", 
        equalTo: "Confirm Password must match Password", 
        minlength: "Confirm Password must be at least 4 characters", 
        maxlength: "Confirm Password must be no more than 32 characters" 
       }, 
       txtFirstName: { 
        required: "Please enter a First Name", 
        maxlength: "First Name must be no more than 50 characters" 
       }, 
       txtLastName: { 
        required: "Please enter a Last Name", 
        maxlength: "Last Name must be no more than 50 characters" 
       }, 
       txtJobTitle: { 
        required: "Please enter a Job Title", 
        maxlength: "Job Title must be no more than 100 characters" 
       }, 
       txtEmailAddress: { 
        required: "Please enter an Email Address", 
        email: "Please enter a valid Email Address", 
        maxlength: "Email Address must be no more than 100 characters" 
       }, 
       txtTelephoneNumber: { 
        required: "Please enter a Telephone Number", 
        number: "Telephone Number must be numeric" 
       } 
      } 
      onValid : function() { 
       addUser(); 
      } 
     }); 
    }); 

    function addUser() { 

     alert($('input[name="txtUserName"]').val()); 
    } 

编辑：

非常感谢您的帮助！当你为submitHandler指定一个函数时，你可以用它来调用一个方法，例如做额外的验证，然后调用另一个方法写入数据库？我在我的submitHandler中指定了一个方法，但是我得到错误'invalid label {“d”：0}'。这里是我的修改代码：

$.validator.setDefaults({ 
      submitHandler: function() { addUser(); } 
     }); 

function addUser() { 

     //check for unique username and email 
     $.ajax(
     { 
      type: "POST", 
      url: "/Services/CDServices.asmx/CheckForUniqueUserName", 
      data: "{strUserName:'" + $('input[name="txtUserName"]').val() + "'}", 
      async: false, 
      dataType: "json", 
      contentType: "application/json; charset=utf-8", 
      success: function(msg) { 
       if (msg.d == 0) { 
        alert("already exists"); 
       } 
       else { 
        alert("username is unique"); 
       } 
      } 
     }); 

Answer 1

$.validator.setDefaults({ 
    submitHandler: function() { alert("submitted!"); } 
}); 

$().ready(function() { 
    // validate the comment form when it is submitted 
    $("#commentForm").validate(); 
}) 

从Validate源。