jquery-validation提交方式

一、form提交方式
//第一种
$.validator.setDefaults({
	//验证通过后的回调
    submitHandler: function(form) {
      	alert("提交事件!");
		form.submit();
    }
}); 
// 在键盘按下并释放及提交后验证提交表单
$().ready(function() {
	$("#signupForm").validate({
rules: {
firstname: "required",
lastname: "required",
            username: {
                required: true,
minlength: 2
}
});
});

//第二种
$().ready(function() {
 	$("#signupForm").validate({
    	submitHandler:function(form){
            alert("提交事件!");   
            form.submit();
        }    
    });
});
2.form提交ajax方式
//第一种
$().ready(function() {
	$(".selector").validate({     
 		submitHandler: function(form) {
   			//url写在<form>标签的action属性中即可
      		$(form).ajaxSubmit();
   		}  
 	})
});

//第二种
$().ready(function() {
	$(".selector").validate({     
 		submitHandler: function(form) {
   			//给ajax提交设置参数 
      		$(form).ajaxSubmit({
             	dataType: 'json',
             	success: function (responseText, statusText, xhr, $form) {
                 	alert("ajax返回成功了");
                 	//进行一些处理
             	}
         	});
   		}  
 	})
});

//第三种 使用普通的ajax提交
$().ready(function() {
	$(".selector").validate({     
 		submitHandler: function(form) {      
      		//进行ajax传值
$.ajax({
　　			url : "user/index",
　　			type : "post",
　　			dataType : "json",
　　			data: {
　　　　			user: $("#user").val(),
　　　　			password: $("#password").val() 
　　			},
　　			success : function(msg) {
　　　　			//要执行的代码
　　			}
});     
   		}  
 	});
});
//注意：如果想提交表单, 需要使用 form.submit()，而不要使用 $(form).submit()
3. 重置表单
// 重置表单
$().ready(function() {
 	var validator = $("#signupForm").validate({
        submitHandler:function(form){
            alert("submitted");   
            form.submit();
        }    
    });
    $("#reset").click(function() {
        validator.resetForm();
    });
});