1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > react antd自定义表单验证

react antd自定义表单验证

时间:2023-08-11 16:25:04

相关推荐

react antd自定义表单验证

在使用antd开发web端时经常用到表单校验,但有时antd提供的校验规则不能满足我们的需求,这是就用到了,antd中form的

自定义检验方式进行我们的校验:

eg:

<Form.Itemkey="code"label="动作代码"{...MODAL_FORM_ITEM_LAYOUT}>{form.getFieldDecorator('code', {initialValue: isEdit ? editRecord.code : undefined,rules: [{required: true,message: "动作代码不能为空",}),},{validator: this.checkActionCode, // 自定义检验函数},],})(<Input trim inputChinese={false} />)}</Form.Item>/*** 校验动作代码唯一性*/@Bind()checkActionCode = (rule, value, callback) => {console.log(this.props.actionCode);if (!CODE) { // 正则验证callback('该动作代码已存在'); // 校验未通过}callback(); // 校验通过}}

小伙伴们感觉有帮助的话希望点个赞哟,如果有问题或疑问欢迎大家评论区留言,看到后第一时间回复。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。