ant-design表单验证手机号身份证号

          <Form.Itemlabel="电话"name="phone"rules={[{required: true, message: '请输入电话', max: 11},({getFieldValue}) => ({validator(_, e: any) {const value = getFieldValue('phone');if(value){if (value.length === 11 && !(/^(1[3456789]|9[28])\d{9}$/).test(value)) {return Promise.reject(new Error('请输入11位有效电话号码！'));}if (value.length !== 11) {return Promise.reject(new Error('请输入11位电话号码！'));}return Promise.resolve();}return Promise.resolve();},}),]}><Input maxLength={100}  placeholder='请输入电话' /></Form.Item><Form.Itemlabel="身份证号"name="idCard"rules={[{required: true, message: '请输入身份证号'},{whitespace: true},({getFieldValue}) => ({validator(_, e: any) {const value = getFieldValue('idCard');if(value) {if (value.length === 18 && !(/^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9X]$/.test(value))) {return Promise.reject(new Error('请输入18或15位有效身份证号！'));}if (value.length == 15 && !(/^[1-9]\d{5}\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}$/.test(value))) {return Promise.reject(new Error('请输入18或15位有效身份证号！'));}return Promise.resolve();}return Promise.resolve();},}),]}><Input maxLength={100}  placeholder='请输入身份证号' /></Form.Item>

ant-design表单验证手机号身份证号相关推荐

ant Design表单验证笔记
1.pattern正则验证 <Col md={12} sm={24}><FormItem {...formItemLayout} label="班数">{f ...
表单验证手机号输入框
最近有点时间抠了一些细节, 之前项目的表单验证比较奔放, 比如H5手机号输入框,可以输入文字, 移动端点击弹出来的键盘不是数字键盘, 今天找了点时间优化一下先上最终效果这里主要是做了两点 1. i ...
Ant Design表单的使用
文章目录一.基本介绍二.this.props.form 属性提供的 API 1.getFieldDecorator 2.getFieldValue 3.setFieldsValue 4.valid ...
ant Design 表单以及表单验证
今天用ant Design写了个修改密码的功能,随便记录一下效果图 html代码 <div><a-modal v-model="visible" title=& ...
layui前端表单验证（身份证,手机号图形验证码等）
文章目录前言一.layui前端验证二.使用步骤 1.以下介绍几个常用的前端验证 2.thinkphp后台验证 3.效果展示前言 layui前端框架是一款比较流行的前端框架,多模块集成的UI框架 ...
正则表达式验证手机号身份证号银行卡号姓名输入
手机号验证var mobile = /^1[3|4|5|7|8]\d{9}$/;mobile.test(value);生日格式转换'20171102'.replace(/^(\d{4})(\d{2}) ...
vue表单验证手机号非必填验证
{ required: false, trigger: 'blur', validator: (r, v, b) => { (v && !(/^(?:(?:\+|00)86)?1 ...
vue表单验证(用户名、密码、身份证号、中文姓名、手机号、邮箱)
vue表单验证(用户名.密码.身份证号.中文姓名.手机号.邮箱) new Vue({el: '#register',data: function() {// 验证邮箱let checkEmail = ...
JS常用的表单验证（数字、长度,汉字，邮箱，手机号，身份证等）
1.英文字母 >>jsp,html语句 <input type="text" οnblur="checkChart(this.value)" ...

ant-design表单验证手机号身份证号

ant-design表单验证手机号身份证号相关推荐

最新文章

热门文章