antd 规则检查

 antd 两种正则检查

1.getFieldDecorator  rules[] 内置函数

 <FormItem {...formItemLayout} label="规则名称">
     {getFieldDecorator('ruleName', {
      validateTrigger:"onBlur",
      rules: [
        　　(rule, value, callback, source, options) => {
             const errors = []
             if(value){
                if (!/^(?=[0-9a-zA-Z\u4e00-\u9fa5]+$)/.test(value)) {
                   errors.push(new Error(value + '不是合法数值', rule.field))
                }
             }else{
                errors.push(new Error('请输入规则名称', rule.field))
             }
                 callback(errors)
             }]
            })(<Input type="text" onBlur={this.searchRepeat.bind(this)} />)}
 </FormItem>

 2.getFieldDecorator  rules[] 支持validator，调用函数，还有antd定义的 数字，字母，最大，最小等等（官网可看）

<FormItem>
{getFieldDecorator('ip1_edit', {
    validateTrigger:"onBlur",
    initialValue:"",
    rules: [{
        required:true,
      　message:"请输入"
   }, {
        validator: this.ip_reg_edit_end.bind(this)
   }]
   })(<Input key="6" type="text" onBlur={this.blurIPEditEnd.bind(this)}/>)}
</FormItem>

ip_reg_edit_end(rule, value, callback){
        var reg=/^((25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9])\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0)\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0)\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[0-9]))$/
        if (!value) {
            callback()    //   必须每一个语句中最后都要有callback语句，不然会一直转圈

}else if(!reg.test(value)){ callback("请输入正确格式的IP")    // 必须每一个语句中最后都要有callback语句，不然会一直转圈

}else{ callback()   // 必须每一个语句中最后都要有callback语句，不然会一直转圈 } }