React，antd-Form自定义正则校验_在react中如何写正则

作者：Guff_9hys | 2024-07-18 12:07:49

踩

在react中如何写正则

下面我就以校验是否输入的是数字、字母、下划线的组合为例。

antd 组件库中 <Form.Item></Form.Item>标签有一个属性rules，它就是做正则校验的。我们只需要给pattern添加数字、字母、下划线的组合的正则校验就可以了。

 rules: [{ required: true, message: '请输入名称' },{ max:20, message: '名称不超过20个字符' },{ pattern: new RegExp(/^[0-9a-zA-Z_]{1,}$/, "g") , message: '名称只允许包含数字、字母和下划线' } ],

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Guff_9hys/article/detail/845583