vue table表格中身份证隐藏中间几位

table表格中的显示

    <el-table-column label="证件号" align="center" prop="licenseNumber"><template slot-scope="scope">{{ scope.row.licenseNumber ? scope.row.licenseNumber.replace(/^(.{6})(?:\w+)(.{4})$/, "\$1********\$2") : "" }}</template></el-table-column>

新增时对身份证的校验写在data中 return的上方

 let idCardValidity = (rule, code, callback) => {var city = {11: "北京",12: "天津",13: "河北",14: "山西",15: "内蒙古",21: "辽宁",22: "吉林",23: "黑龙江 ",31: "上海",32: "江苏",33: "浙江",34: "安徽",35: "福建",36: "江西",37: "山东",41: "河南",42: "湖北 ",43: "湖南",44: "广东",45: "广西",46: "海南",50: "重庆",51: "四川",52: "贵州",53: "云南",54: "西藏 ",61: "陕西",62: "甘肃",63: "青海",64: "宁夏",65: "新疆",71: "台湾",81: "香港",82: "澳门",91: "国外 "};var tip = ""var pass = trueif (!code || !/^\d{6}(18|19|20)?\d{2}(0[1-9]|1[012])(0[1-9]|[12]\d|3[01])\d{3}(\d|X)$/i.test(code)) {tip = "身份证号格式错误"pass = false;} else if (!city[code.substr(0, 2)]) {tip = "地址编码错误"pass = false} else {// 18位身份证需要验证最后一位校验位if (code.length === 18) {code = code.split('')// ∑(ai×Wi)(mod 11)// 加权因子var factor = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2]// 校验位var parity = [1, 0, 'X', 9, 8, 7, 6, 5, 4, 3, 2]var sum = 0var ai = 0var wi = 0for (var i = 0; i < 17; i++) {ai = code[i]wi = factor[i]sum += ai * wi}var last = parity[sum % 11];if (parity[sum % 11] != code[17]) {tip = "校验位错误"pass = false}}}if (!pass) {callback(new Error(tip))} else {callback()}// if (!pass) alert(tip)// return pass}

        licenseNumber: [{required: true, message: "证件号不能为空", trigger: "blur"},{pattern: /(^\d{8}(0\d|10|11|12)([0-2]\d|30|31)\d{3}$)|(^\d{6}(18|19|20)\d{2}(0\d|10|11|12)([0-2]\d|30|31)\d{3}(\d|X|x)$)/,message: '请输入正确的证件号'},{ validator: idCardValidity, trigger: 'blur' }],

rules中的校验方式

vue table表格中身份证隐藏中间几位相关推荐

vue table表格中只有表头加竖线分割
table表格中只有表头加竖线分割给<el-table>加一个属性 : :header-cell-style="{'border-right':'1px solid #8888 ...
Surely Vue Table表格css水印隐藏收集
SurelyVueTable表格css水印隐藏收集 ant-design-vue 3.2.15 @surely-vue/table 3.0.0 css方式,最后引入自定义样式覆盖 .surely-ta ...
Vue table 表格中参数过长省略并且提示显示
<el-table-column :show-overflow-tooltip="true"> </el-table-column>
ant vue table表格隐藏列
ant vue table表格隐藏列随手记一下
Vue中对Table表格中的输入项进行校验
项目开发中,经常会遇到的场景:对table表格的输入项字段进行校验,同时提交时整体校验. 这个坑真的爬了好久,几个需求做完了,校验也没实现,挫败!后来看到一个博主Element UI from实现校验 ...
记录vue table列表中的选择表格反写
mounted () {this.selectedCheckList.forEach(key => { // 后台给的接口信息中选中的idthis.classifyList.forEach(ro ...
ant design vue table表格组件实现隔行变色
ant design vue table表格组件实现隔行变色一.使用方法 html代码: <a-table:columns="patient":data-source=&q ...
顶级好用的 5 款 Vue table 表格组件测评与推荐
本文首发:<顶级好用的 5 款 Vue table 表格组件测评与推荐 - 卡拉云> Vue table 表格组件作为绝大多数项目需要内嵌的组件,可谓十分重要.表格看起来虽简单,实则坑很深 ...
mysql 取数据展示_php mysql_fetch_row逐行获取结果集数据并显示在table表格中
在一般的网站中,我们会通常看到,很多数据库中表的数据在浏览器都是出现在表格中的,一开始让自己感到很神奇,但是仔细想想也不算太复杂,既然可以dql和dml的一般返回,以表格的方式返回应该也不成问题,但是 ...

vue table表格中身份证隐藏中间几位

vue table表格中身份证隐藏中间几位相关推荐

最新文章

热门文章