鍍金池/ 問(wèn)答/HTML/ vue iview怎么驗(yàn)證身份證正則

vue iview怎么驗(yàn)證身份證正則

customer: {

    name: "",
    idCard: "",
    mobile: ""
  },
  ruleValidateX: {
    name: [{ required: true, message: "姓名不能為空", trigger: "blur" }],
    idCard: [{ required: true, message: "身份證不能為空", trigger: "blur" }],
    mobile: [{ required: true, message: "手機(jī)號(hào)不能為空", trigger: "blur" }]
  },
  

// 需要做到 1 .當(dāng)沒(méi)有輸入內(nèi)容的時(shí)候提示 (身份證不能為空)

          2 .身份證格式錯(cuò)誤 時(shí)候顯示(格式錯(cuò)誤)
            (^\\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('身份證號(hào)不能為空'));
  }else if(!reg.test(value)){
     callback(new Error('請(qǐng)輸入正確的身份證號(hào)'));
  }
};
// 身份證驗(yàn)證---
return {
  customer: {
    name: "",
    idCard: "",
    mobile: ""
  },
  ruleValidateX: {
    name: [{ required: true, message: "姓名不能為空", trigger: "blur" }],
    idCard: [{ required: idCardPass, trigger: "blur" }],
    mobile: [{ required: true, message: "手機(jī)號(hào)不能為空", trigger: "blur" }]
  },
回答
編輯回答
萌面人

搞定了 是我寫(xiě)錯(cuò)了

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

2018年9月3日 19:08