Jquery validate(submitHandler函数)验证通过发送Ajax

js代码:

 1 $(function() {
 2     $('#form').validate({
 3         onkeyup : false,
 4         rules : {
 5             oldPassword:{
 6                 required:true,
 7                 remote : {
 8                     url : global.context + '/admin/password/duplicate',
 9                     data : {
10                         oldPassword : function() {
11                             return $('#oldPassword').val();
12                         }
13                     }
14                 }
15             },
16             password : {
17                 required : true,
18                 minlength : 6
19             },
20             repeat : {
21                 required : true,
22                 minlength : 6,
23                 equalTo:'#password'
24             }
25         },
26         messages : {
27             oldPassword:{
28                 required:'请输入原密码',
29                 remote : '请输入正确的原密码'
30             },
31             password : {
32                 required : '请输入密码',
33                 minlength : '长度需大于6'
34             },
35             repeat : {
36                 required : '请确认密码',
37                 equalTo : '两次输入密码不一致',
38                 minlength : '长度需大于6'
39             }
40         },
41         submitHandler:function(form){
42             var password = $('#password').val();
43             var repeat = $('#repeat').val();
44             $.ajax({
45                 url : global.context + '/admin/password',
46                 type : 'put',
47                 contentType : "application/json; charset=utf-8",
48                 data : JSON.stringify({
49                     password : password,
50                     repeat : repeat
51                 }),
52                 success : function(data) {
53                     console.log(data);
54                     if(data.status=='success'){
55                         alert("修改密码成功");
56                     }
57                 }
58             });
59         }
60     });
61 });

个人感觉比较好用,可以用validate框架验证元素。

转载于:https://www.cnblogs.com/dingjing0518/p/6839702.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值