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