antd 表单域验证规则 - 只能输入数字字符，去除前导0

<Form {...formItemLayout}><Form.Item label='用户Id'>{getFieldDecorator('uid', {initialValue: undefined,rules: [{ required: true, message: '请输入用户id', pattern: new RegExp(/^[1-9]\d*$/, 'g') }],getValueFromEvent: e => e.target.value.replace(/\D/g, '').replace(/\b(0+)/gi, ''),})(<Input />)}</Form.Item>
</Form>

关键处：

1. getValueFromEvent，输入时替换掉不需要的内容

2. rules中pattern的写法

antd 表单域验证规则 - 只能输入数字字符，去除前导0相关推荐

Html利用函数输入学生的性别,JavaWeb表单及时验证功能在输入后立即验证(含用户类型,性别,爱好...的验证)...
JavaWeb表单及时验证功能在输入后立即验证(含用户类型,性别,爱好...的验证) 发布时间:2020-10-08 04:15:08 来源:脚本之家阅读:73 作者:水山奇问题:表单怎么在输入后 ...
layui单选框verify_layui lay-verify form表单自定义验证规则详解
虽然layui的官方文档已经是写的比较详细,但是初次使用的时候总会懵一下,这里纪录一下lay-verify自定义验证规则的时候到底放哪. html: 提交 js: form.verify({ //数组 ...
layui的表单——自定义验证规则
最近layui的表单用的比较多,所以整理来一下自定义的验证如下(下面是自己写的例子): layui的官网引入layui之后 html <form action="" cla ...
Element Ui使用技巧——Form表单的校验规则rules详细说明；element的 form 表单rules详细用法
本文章是在项目开发时遇到问题看到的一片好文, 摘录自[博客园]–[逍遥云天]. 感谢作者地址 – https://www.cnblogs.com/xyyt/p/13366812.html 在 [逍遥 ...
element 修改表单值后表单验证无效_element 表单自定义校验规则
首先在我们的vue + element 项目中,尤其是后台有关的项目或者涉及到大量操作数据的平台,重中之重的就是关于数据的验证,也就是关于我们表单的验证,如果在前端做好了这些,相当于在前后台交互数据的 ...
iView表单空格验证
原文链接:https://blog.csdn.net/xianzhuo_sky/article/details/83069603 iView表单组件使用async-validator验证器对表单域中数 ...
html表单 asp验证,ASP中JavaScript处理复杂表单的生成与验证
ASP中JavaScript处理复杂表单的生成与验证更新时间:2007年03月25日 00:00:00 作者: 这里所谓的复杂表单,是指表单中包含多种不同的输入类型,比如下拉列表框.单行文本.多 ...
在ASP.NET中如何用C#.NET实现基于表单的验证
这篇文章引用到了Microsoft .NET类库中的以下名空间: System.Data.SqlClient System.Web.Security ------------------------- ...
antd 表单提交，文件和表单内容一起提交，表单校验
用很简单的源码实现包含下列 antd 表单相关知识: 1.表单必填校验,规则校验 2.Upload 上传图片,获取上传图片的状态,如上传成功,上传失败,上传进度条,删除上传的文件 3.获取 Input ...

antd 表单域验证规则 - 只能输入数字字符，去除前导0

antd 表单域验证规则 - 只能输入数字字符，去除前导0相关推荐

最新文章

热门文章