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>

 

posted @ 2017-03-13 16:29  h88829  阅读(9764)  评论(0编辑  收藏  举报