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

Posted 2020-09-17 微笑Tears

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框架验证元素。