1. 程式人生 > >Jquery validate(submitHandler函數)驗證通過發送Ajax

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

type handler 確認密碼 fun stat rul color length duplicate

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框架驗證元素。

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