1.自定义校验规则

有时候需要自定义输入框的校验规则，需要设置验证函数。

function check(rule, value, callback){
    let pattern=/^(?:(?:1[0-9][0-9]\.)|(?:2[0-4][0-9]\.)|(?:25[0-5]\.)|(?:[1-9][0-9]\.)|(?:[0-9]\.)){3}(?:(?:1[0-9][0-9])|(?:2[0-4][0-9])|(?:25[0-5])|(?:[1-9][0-9])|(?:[0-9]))$/;
    if(!pattern.test(value)){
        callback("IP格式不正确")
    }else{
        callback()
    }
}
<FormItem
    {...formItemLayout}
    label="源IP-源端口"
>
    <Col span={12}>
        {getFieldDecorator('origip', {
            rules: [{
                required: true, message: '源IP必填',
            },{
                validator:check,
            }],
        })(
            <Input />
        )}
    </Col>
</FormItem>

2.对比两个输入框的值

用在确认密码输入时。

let checkPass2= (rule, value, callback)=> {
    const {getFieldValue} = form;
    if (value && value !== getFieldValue('userpassword')) {
        callback('两次输入密码不一致！');
    } else {
        callback();
    }
}
<FormItem
    label="新密码确认"
    {...formItemLayout}
>
    {getFieldDecorator('userpassword2', {
        rules: [
            { required: true, message: '请再确认新密码！' },
            { validator: checkPass2}
        ],
    })(
        <Input />
    )}
</FormItem>