jQuery validate(submitHandler函数)验证通过发送Ajax(实例详解)
更新时间：2022年10月12日 14:40:47 作者：微笑Tears
这篇文章主要介绍了jQuery validate(submitHandler函数)验证通过发送Ajax，可以用validate框架验证元素，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友参考下吧
js代码：
$(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("修改密码成功");
}
}
});
}
});
});个人感觉比较好用，可以用validate框架验证元素。
JQuery的submitHandler
之前做表单验证，有设置submitHandler
submitHandler: function(){
$("form").submit();
}这样表单验证通过后会自动提交。。。。
改为
submitHandler: function(form){
form.submit();
}否则，button按钮提交表单之后，表单会提交两次，前端造成stack 溢出
到此这篇关于Jquery validate(submitHandler函数)验证通过发送Ajax的文章就介绍到这了,更多相关Jquery validate验证内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要为大家详细介绍了jquery点击展示与隐藏更多内容的相关资料,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
这篇文章主要为大家详细介绍了layui导航栏效果的实现代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
在使用jquery操作js时，经常整不明白this与$(this)。抽空仔细测试了一把，记录下来以供在忘记的时候拉出来参考参考！2010-09-09
本篇文章小编为大家介绍，关于jquery css的使用介绍。需要的朋友参考下2013-04-04
这篇文章主要为大家详细介绍了jQuery实现带进度条的轮播图，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-09-09
这篇文章主要介绍了jQuery+CSS3实现多种类型的导航条制作实例详解的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-09-09
本篇文章主要介绍了jQuery之动画效果，详细的介绍了各种动画特效的用法，有需要的可以了解一下。2016-11-11
这篇文章主要介绍了jQuery中data()方法用法,实例分析了data()方法向匹配元素附加数据及获取数据的使用技巧,具有一定的参考借鉴价值,需要的朋友可以参考下2014-12-12
jQuery Form插件使用详解_动力节点Java学院整理
这篇文章主要为大家详细介绍了jQuery Form插件的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
这篇文章主要介绍了 jQuery实现每日秒杀商品倒计时功能,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2019-09-09
最新评论