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照片伸缩效果，不是单纯的图片放大缩小，不影响其他元素的布局,需要的朋友可以参考下2014-05-05
这是一款使用jQuery和CSS3制作的效果非常炫酷的折叠卡片式下拉列表框特效，感兴趣的小伙伴们可以参考一下2015-11-11
在项目开发过程中，经常会遇到带有弹窗的页面，尤其是在移动端。下面通过本文给大家分享jQuery实现弹窗下底部页面禁止滑动效果，需要的朋友参考下吧2017-12-12
这篇文章主要介绍了jquery实现页面关键词高亮显示的方法,实例分析了jQuery插件highlight实现高亮显示的技巧,非常具有实用价值,需要的朋友可以参考下2015-03-03
这篇文章主要介绍了jQuery中size()方法用法,实例分析了size()方法返回对象集合中元素数目的使用技巧,具有一定的参考借鉴价值,需要的朋友可以参考下2014-12-12
jQuery Easyui datagrid行内实现【添加】、【编辑】、【上移】、【下移】
本篇文章主要介绍jQuery Easyui datagrid行内实现【添加】、【编辑】、【上移】、【下移】 。datagrid现在具有行编辑能力了，可以添加和编辑数据，同时对行内数据上移下移。2016-12-12
转自Jquery官方 jQuery1.1.3发布,速度提升800%,体积保持20K
转自Jquery官方 jQuery1.1.3发布,速度提升800%,体积保持20K...2007-08-08
这篇文章主要介绍了jquery点击缩略图切换视频播放，我们可以点击缩略图切换不同的视频进行播放，过去是实现图片切换现在有进一步实现视频切换，感兴趣的小伙伴可以参考下。2015-09-09
本文主要介绍如何实现类似淘宝好评差评的效果，需要的小伙伴直接拿去用吧。2016-05-05
使用jquery模拟a标签的click事件无法实现跳转的解决
这篇文章主要给大家介绍了关于使用jquery模拟a标签的click事件无法实现跳转的解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2018-12-12
最新评论