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,
                  }],
                })(
                   onBlur={this.checkAccount} />
                )}
              

 

转载于:https://www.cnblogs.com/hanb/p/6543513.html