react.js input里面驗證手機號


//驗證手機號
  checkAccount(rule, value, callback) {
    //與表單數據進行關聯
      const form = this.props.form;
      //正則用//包起來
      var regex = /^((\+)?86|((\+)?86)?)0?1[3458]\d{9}$/; 
      if (value) {
        //react使用正則表達式變量的test方法進行校驗,直接使用value.match(regex)顯示match未定義
        if (regex.test(value)) { 
          callback();
        } else { 
          callback('請輸入正確的手機號碼!');
        }
      } else {
        //這里的callback函數會報錯
      }
    },
<FormItem
                {...formItemLayout}
                label="手機號:"
                hasFeedback
              >
                {getFieldDecorator('mobile', {
                  rules: [{type:'string', required: true, message: '請輸入手機號碼!' },{
                    //這里input內的輸入內容進行綁定函數即可,在Input里面無需進行函數綁定開使用驗證(紅色部分)
                    validator: this.checkAccount,
                  }],
                })(
<Input style={{ width: 180 }} onBlur={this.checkAccount} /> )} </FormItem>

 


免責聲明!

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



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