Jquery validate(submitHandler函數)驗證通過發送Ajax

來源:互聯網
上載者:User

標籤:==   remote   return   ring   global   func   輸入   type   length   

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 : 619             },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 : repeat51                 }),52                 success : function(data) {53                     console.log(data);54                     if(data.status==‘success‘){55                         alert("修改密碼成功");56                     }57                 }58             });59         }60     });61 });

個人感覺比較好用,可以用validate架構驗證元素。

Jquery validate(submitHandler函數)驗證通過發送Ajax

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.