element-ui input输入手机号码、身份证号码验证

步骤一：在src 创建一个文件夹，创建一个文件rules.js

步骤二：在utils/rules.js增加以下代码

// 验证手机号码
export function checkPhoneNumber(rule, value, callback) {const reg = /^1[3|4|5|6|7|8|9]\d{9}$/;if (!value) {return callback(new Error('请填写手机号码！'))} else if (!reg.test(value)) {return callback(new Error('请填写正确的手机号码！'))}else{callback()}
}export function checkIdNum(rule, value, callback) {const reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/if (!value) {return callback(new Error('证件号码不能为空'))} else if (!reg.test(value)) {return callback(new Error('证件号码不正确'))} else {callback()}
}

export default {checkPhone: [{ required: true, validator: checkPhoneNumber, trigger: 'blur' }],checkId: [{ required: true, validator: checkIdNum, trigger: 'blur' }],
}

步骤三：页面上 import rules from ‘@/utils/rules’

    <el-form-item label="手机号码：" prop="phone" :rules="rulesUtils.checkPhone"><el-inputv-model="ruleForm.phone"placeholder="请输入11位手机号码"maxlength = '11'clearable></el-input></el-form-item><el-form-item label="身份证：" prop="phone" :rules="rulesUtils.checkId"><el-inputv-model="ruleForm.Id"clearable></el-input></el-form-item>data() {return {rulesUtils: rules}}

element-ui input输入手机号码、身份证号码验证相关推荐

15/18位身份证号码验证
15/18位身份证号码验证在做身份证验证之前你得明确身份证号的组成. 首先我告诉你,18位身份证号码后面的字母只有"X"这一个.(X是罗马数字的10,用X来代替10,可以保证您的 ...
身份证号码验证验证 js_验证我的身份。如果你可以的话…
身份证号码验证验证 js I frequently hear questions like "How to implement authentication in an Android ap ...
javascript身份证号码验证函数支持带x
//--身份证号码验证-支持新的带x身份证 function isIdCardNo(num) { var factorArr = new Array(7,9,10,5,8,4,2,1,6,3 ...
身份证号码验证-支持新的带x身份证
//--身份证号码验证-支持新的带x身份证 function isIdCardNo(num) { var factorArr = new Array(7,9,10,5,8,4,2,1,6,3 ...
C#实现身份证号码验证的方法
本文实例讲述了C#实现身份证号码验证的方法.分享给大家供大家参考.具体实现方法如下: 随着现在互联网的发展,越来越多的注册用户的地方都用到了身份证,那么对于输入的身份证如何验证呢?看下面的代码,其实很 ...
正则实现二代身份证号码验证详解
Start 开发过程中,常常需要对一些输入信息进行有效性验证,使用正则表达式进行校验是最简单.效率最高的方式了,下面就来看看15/18位身份证号码验证的正则表达式吧. 一: IdCodeValid:f ...
身份证号码验证——C语小程序言
身份证号码验证--C语小程序言 #include <stdio.h> int main(){int a, b, num = 0, sum = 0;int arr[17] = {0};int ...
身份证号码验证(转)
文章出处: http://dengo.org/archives/941 不少大的游戏注册时都要输入身份证号码,来限制未成年人,配合所谓的反沉迷系统,账号注册环节注重的是快捷,所以身份证验证都不是真实的 ...
正则表达式-身份证号码验证
身份证号码验证 1.第一代身份证15位: /^[1-9]\d{5}\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}$/ 例: if ( ...
15/18位身份证号码验证的正则表达式总结（详细版）
前言开发过程中,常常需要对一些输入信息进行有效性验证,使用正则表达式进行校验是最简单.效率最高的方式了,下面就来看看15/18位身份证号码验证的正则表达式吧. 介绍 xxxxxx yyyy MM d ...

element-ui input输入手机号码、身份证号码验证

element-ui input输入手机号码、身份证号码验证相关推荐

最新文章

热门文章