//验证手机号
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>