jQuery validate(submitHandler函数)验证通过发送Ajax(实例详解)

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 溢出

作者:微笑Tears原文地址:https://www.cnblogs.com/dingjing0518/p/6839702.html

%s 个评论

要回复文章请先登录注册