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>