customer: {

name: "",

idCard: "",

mobile: ""

},

ruleValidateX: {

name: [{ required: true, message: "姓名不能为空", trigger: "blur" }],

idCard: [{ required: true, message: "身份证不能为空", trigger: "blur" }],

mobile: [{ required: true, message: "手机号不能为空", trigger: "blur" }]

},

// 需要做到 1 .当没有输入内容的时候提示 (身份证不能为空)

2 .身份证格式错误 时候显示(格式错误)

(^\\d{15}$)|(^\\d{18}$)|(^\\d{17}(\\d|X|x)$)

-----------下面不起效果---------

const idCardPass = (rule, value, callback) => {

let reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;

if (value === '') {

callback(new Error('身份证号不能为空'));

}else if(!reg.test(value)){

callback(new Error('请输入正确的身份证号'));

}

};

// 身份证验证---

return {

customer: {

name: "",

idCard: "",

mobile: ""

},

ruleValidateX: {

name: [{ required: true, message: "姓名不能为空", trigger: "blur" }],

idCard: [{ required: idCardPass, trigger: "blur" }],

mobile: [{ required: true, message: "手机号不能为空", trigger: "blur" }]

},

vue中如何检测身份正反面_vue iview怎么验证身份证正则相关推荐

  1. vue中常碰见的坑_Vue 与 Vuex 的第一次接触遇到的坑

    在 Vue.js 的项目中,如果项目结构简单, 父子组件之间的数据传递可以使用  props 或者 $emit 等方式 但是如果是大型项目,很多时候都需要在子组件之间传递数据,使用之前的方式就不太方便 ...

  2. vue中父子组件先后渲染_vue父子组件传值(子传父,非父子组件传值)

    1. 子组件向父组件传值 子组件: <template><div>子组件:<span>{{childValue}}</span><!-- 定义一个 ...

  3. vue中传值和传引用_vue prop属性传值与传引用示例

    vue prop属性传值与传引用示例 vue组件在prop里根据type决定传值还是传引用. 简要如下: 传值:String.Number.Boolean 传引用:Array.Object 若想将数组 ...

  4. vue中父子组件先后渲染_Vue中父子组件执行的先后顺序

    前几天,朋友向我提出了一个关于Vue中父子组件执行的先后顺序问题,相信很多朋友在学习的过程中也会遇到这个问题,所以我就在此提出我自己的一些小看法. 问题如下:请问下图中父子组件执行的先后顺序? 首先, ...

  5. vue中tab切换前端实现_vue实现Tab切换功能

    在项目开发中,我们经常会碰到Tab切换的功能,而在Vue中想实现这样的功能也应该有很多种,常用的三种应该是 Tab路由切换.Tab动态组件切换.通过v-show设置Tab显示隐藏.每种方法实现起来其实 ...

  6. vue中父子组件先后渲染_vue父子组件钩子函数的执行顺序

    加载渲染过程 父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount-& ...

  7. Vue中实现检测当前是否为IE模式(极速模式还是兼容模式)

    场景 若依前后端分离版手把手教你本地搭建环境并运行项目: 若依前后端分离版手把手教你本地搭建环境并运行项目_BADAO_LIUMANG_QIZHI的博客-CSDN博客 在上面搭建起来的Vue前端项目中 ...

  8. vue中局部页面跳转_vue使用感受(二)组件间跳转

    想要看代码高亮的可以去我的微信公众号(pearapple_2015)查看. 昨天我们聊了一下vue的组件间传值,今天来讨论下我遇到的第二个问题组件间跳转.在不使用前端框架的时候,如果我们要点击菜单跳转 ...

  9. vue中父子组件先后渲染_VUE如何实现子父组件、父子组件、兄弟组件传值

    父子组件传值: 父组件定义: 代码示例 子父组件传值: 父组件方法定义: 子组件执行父组件方法定义: methods: { closeOrOpenLeftMenu() { if (this.isLef ...

最新文章

  1. 无穷级数求和7个公式_考研数学闭关修炼习题讲解(16)无穷级数 附(6)补充解释
  2. windows xcopy
  3. c++自定义的数据库类
  4. Java修改全文数字,求大神帮我修改下java计算机代码,数字键只有0和8能用
  5. 【机器学习】Logistic Regression 的前世今生(理论篇)
  6. webpack 配置react-router 服务,及react-router浅析
  7. android如何引用布局,android 动态布局与引用第三方layout中的布局
  8. pig---用户自定义函数(UDF)
  9. Cooliris – 优雅的照片浏览工具[iOS/Android]
  10. Linux 中的vmlinuz
  11. Linux时间子系统之五:低分辨率定时器的原理和实现
  12. 《回炉重造》——Lambda表达式
  13. 第二十七课 awk工具
  14. Pcbdoc,SchDoc,PrjPcb 的区别
  15. SQL Server中已满事务日志原因的检测
  16. 遗传算法:交叉操作 Position-based Crossover (PBX)
  17. 射频day2:Zc,Zin;反射系数,驻波比
  18. 中国Linux早期历史的回眸
  19. 概率论总结(二):多维随机变量及其分布
  20. C语言课程设计(1)-学生成绩管理系统

热门文章

  1. 新功能!电商宝SCRM新增【售后返款】营销应用,二十多款营销工具助力商家私域流量运营!...
  2. 51nod3121 小陶与杠铃片
  3. 如何判断一个动作是深蹲还是硬拉?
  4. php 循环结构的联系题,php - 烧脑题,有一个程序循环逻辑问题,急在线等
  5. Python中如何创建数字和字母的组合
  6. 短信验证码的作用是什么?如何选择靠谱的短信验证码平台?
  7. 【Linux】手把手教你搭建自己个人博客(boss版)
  8. 系统试运行报告是谁写的_煤矿安全监控系统升级改造验收方案
  9. 复杂网络之无标度网络与小世界网络生成程序
  10. 【Maven】无法下载私服 SNAPSHOT 版本 jar 包