antd rules正则
在antd中,rules属性用于表单验证,其中正则表达式(regex)是一个常见的验证方式。
以下是一些示例正则表达式规则:
匹配4到6个字符的设备状态码:
js复制代码
{ pattern: new RegExp(/^[A-Za-z0-9\_\-]{4,6}$/,'g'), message:'请输入4位以上,64以下字符的设备状态码' } | |
只能输入字母、数字、下划线(_)和连接符(-):
js复制代码
{ pattern: new RegExp(/[A-Za-z0-9\_\-]/,"g"), message:'只能输入字母、数字、下划线(_)、连接符(-)' } | |
输入数字:
js复制代码
{ pattern: new RegExp(/^[1-9]\d*$/,"g"), message:'请输入数字' } | |
这些规则可以通过使用 Form.Item 的 rules 属性来应用于antd表单项,例如:
jsx复制代码
<Form.Item | |
label="设备状态码" | |
name="deviceStatus" | |
rules={[ | |
{ | |
required: true, | |
pattern: new RegExp(/^[A-Za-z0-9\_\-]{4,6}$/,'g'), | |
message: '请输入4位以上,64以下字符的设备状态码', | |
}, | |
{ | |
pattern: new RegExp(/[A-Za-z0-9\_\-]/,"g"), | |
message: '只能输入字母、数字、下划线(_)、连接符(-)', | |
}, | |
]} | |
> | |
<Input /> | |
</Form.Item> | |
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论