jquery validate表單重置新的驗證規則


需要在點擊獲取驗證碼的時候只驗證手機,單擊確定的時候兩個同時驗證

 

添加驗證碼驗證

 $("#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;
  }
};

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM