Jquery validate(submitHandler函數)驗證通過發送Ajax
阿新 • • 發佈:2017-05-11
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