使用validate.js验证并用ajax提交表单的实例

使用时需要依赖jQuery库

验证规则:

var validator = $("#form").validate({ 
  rules:{
    name: {
       required: true
    },
    email: {
       required: true,
       email:true
    },
    message: {
      required: true
    }
}
});

点击验证并执行ajax:

$("#form .submit").click(function(){
	if($("#form").valid()){
		$.ajax({
			url:url,
			type:'post',
			data:new FormData($("#form")[0]),
			processData : false,  
			contentType : false,
			success:function(msg){
                              //do someting
			}
		})
	}else{
      validator.focusInvalid();//没通过验证的标签获得焦点
}
})

  

posted on 2016-05-04 15:43  D&L  阅读(314)  评论(0编辑  收藏  举报