【转载】Jquery validate(submitHandler函数)验证通过发送Ajax

转自：https://www.cnblogs.com/dingjing0518/p/6839702.html

$(function() {
$('#form').validate({
onkeyup : false,
rules : {
oldPassword:{
required:true,
remote : {
url : global.context + '/admin/password/duplicate',
data : {
oldPassword : function() {
return $('#oldPassword').val();
}
}
}
},
password : {
required : true,
minlength : 6
},
repeat : {
required : true,
minlength : 6,
equalTo:'#password'
}
},
messages : {
oldPassword:{
required:'请输入原密码',
remote : '请输入正确的原密码'
},
password : {
required : '请输入密码',
minlength : '长度需大于6'
},
repeat : {
required : '请确认密码',
equalTo : '两次输入密码不一致',
minlength : '长度需大于6'
}
},
submitHandler:function(form){
var password = $('#password').val();
var repeat = $('#repeat').val();
$.ajax({
url : global.context + '/admin/password',
type : 'put',
contentType : "application/json; charset=utf-8",
data : JSON.stringify({
password : password,
repeat : repeat
}),
success : function(data) {
console.log(data);
if(data.status=='success'){
alert("修改密码成功");
}
}
});
}
});
});

Validation插件success和submitHandler两个方法区别

success：当表单元素验证成功时执行，对于同一个表单元素，由于onkeyup、onfocusout、onsubmit等事件都会触发验证，所以本方法可能会多次执行；
submitHandler：当表单验证成功并提交时执行，存在此方法时表单只能在此方法内部执行form.submit()才能提交，可理解成它替代了表单的onsubmit方法；

【转载】Jquery validate(submitHandler函数)验证通过发送Ajax相关推荐

Jquery validate(submitHandler函数)验证通过发送Ajax
所需要插件: <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></scr ...
[jQuery]使用jQuery.Validate进行客户端验证（高级篇-下）——不使用微软验证控件的理由...
2019独角兽企业重金招聘Python工程师标准>>> 引用源:http://www.cnblogs.com/kyo-yo/archive/2010/07/06/Use-jQuery ...
[jQuery]使用jQuery.Validate进行客户端验证（高级篇-上）——不使用微软验证控件的理由...
在上一篇使用jQuery.Validate进行客户端验证(中级篇-下)中我介绍了jQuery.Validate在日常使用的过程中会遇到哪些问题及解决办法,今天的高级篇则主要是对jQuery.Valid ...
html中表单的校验的插件,功能强大的jquery.validate表单验证插件
本文实例为大家分享了jquery.validate表单验证的使用方法,供大家参考,具体内容如下 1 .表单验证的准备工作在开启长篇大论之前,首先将表单验证的效果展示给大家. 1.点击表单项,显示帮助 ...
Jeesite 客户端验证Jquery Validate及服务器端验证
2019独角兽企业重金招聘Python工程师标准>>> Jeesite框架采用了双重验证模式,即客户端采用Jquery Validate表单验证以及服务器端数据校验,可以有效的防止恶 ...
jquery validate submitHandler 提交导致死循环
dom对像的提交form.submit();和jquery对像的提交$('').submit();功能上是没有什么区别的.但是如果用了jquery validate插件,提交时这二个就区别大了.$(' ...
jQuery Validate表单验证框架详解
jQuery表单验证框架总结 jQuery Validate验证框架详解 jQuery校验官网地址:bassistance.de » jQuery plugin: Validation 一.导入js库 ...
jQuery validate 表单验证，涵盖各种类型数据
本来觉得用这个会很难,结果试了试,发现却是简单了不少东西啊,什么getElementById,if 什么的,只用几个属性名什么的就可以解决不同状态显示不同提示,很强大很方便. <%@ page ...
jquery validate表单验证插件
1 表单验证的准备工作在开启长篇大论之前,首先将表单验证的效果展示给大家. 1.点击表单项,显示帮助提示 2.鼠标离开表单项时,开始校验元素 3.鼠标离开后的正确.错误提示及鼠标移入时的帮 ...

【转载】Jquery validate(submitHandler函数)验证通过发送Ajax

【转载】Jquery validate(submitHandler函数)验证通过发送Ajax相关推荐

最新文章

热门文章