需要在點擊獲取驗證碼的時候只驗證手機,單擊確定的時候兩個同時驗證
添加驗證碼驗證
$("#code").rules("add", { required: true ,minlength:4});
刪除驗證碼驗證
$("#code").rules("remove");
// 提交表單 submit: function () { var _this = this; //初始化驗證 var validate = _this.formValidate(); // 表單驗證結果 $("#code").rules("add", { required: true ,minlength:4}); var valid = $("#validatePhone").valid(); // 驗證結果 if (valid) { //獲取手機號 var tel = $.trim($("#userphone").val()); var fel = false; //驗證碼標識(true 注冊,false 修改) var code = $.trim($("#code").val()); var time = 1; // 驗證碼過期時間 為1的時候是15分鍾(默認60秒,非必須參數) var formData = { tel: tel, fel: fel, code: code, time: time }; console.log(formData); } } // 發送驗證碼 sendCode: function() { var _this = this; //初始化驗證 var validator = _this.formValidate(); $("#code").rules("remove"); // 表單驗證結果 var valid = $("#validatePhone").valid(); // 驗證結果 if (valid) { //獲取手機號 var tel = $.trim($("#userphone").val()); var fel = false; //驗證碼標識(true 注冊,false 修改) var formData = { tel: tel, fel: fel }; //發送手機驗證接口 _this.renderSendCode(); var txt = "<i class='icon-duigou iconfont sui-text-success'></i>驗證碼已發送到你的手機,15分鍾內輸入有效,驗證碼等同於密碼,打死也不能告訴別人"; $(".tip-err").append(txt); /* _user.sendPhoneCode( formData, function(res) { //驗證碼倒計時 _this.renderSendCode(); var txt ="<i class='icon-duigou iconfont sui-text-success'></i>驗證碼已發送到你的手機,15分鍾內輸入有效,驗證碼等同於密碼,打死也不能告訴別人"; $(".tip-err").append(txt); }, function(err) { console.log(err); } );*/ } },
// 手機號表單字段的驗證 formValidate: function() { //表單驗證 var validator = $("#validatePhone").validate({ rules: { userphone: { required: true, mobile: true }, code: { required: true, minlength: 4 } }, messages: { userphone: { required: "請輸入手機號" }, code: { required: "請輸入驗證碼", minlength: "驗證碼長度為4位" } } }); return validator; } };