关于antd的表单验证

有时候验证不了,可能需要加上submitting

const {
     form: { getFieldDecorator },
     submitting,
   } = this.props;
<Button type="primary" htmlType="submit" onSubmit={this.submit} loading={submitting} >

有时候发现验证不生效,点击了提交但是没反应。
原因是自定义验证规则写错了。

{
    getFieldDecorator('contactPhone', {
        initialValue: baseInfo.contactPhone,
        rules: [
           {
               required: true,
                message: '联系人手机为必填项' 
           },
           { validator: this.checkPhoneNub }//自定义检验
        ],
    })(
    <Input 
        style={{width:220}} 
        autoComplete="off"
    ></Input>
    )
}    

下面是自定义验证规则

checkPhoneNub(rule, value, callback) {
    var regu = "^1[0-9]{10}$";//手机号码验证regEx:第一位数字必须是1,11位数字
    var re = new RegExp(regu);
    if ( re.test(value)) {
      callback();
    }else {
        callback('请正确输入手机号!');
    }
  }      

转载于:https://www.cnblogs.com/marvelousone/p/11215946.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值