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复制代码
html表单只能输入数字
<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小时内删除。