身份证号验证、银行卡号验证、手机号验证

提示：身份证号验证、银行卡号验证、手机号验证

一、身份证号验证、银行卡号验证、手机号验证

<el-form :model="form" :rules="rules" ref="form">
  <el-form-item label="银行卡号" prop="cardNum">
    <el-input v-model="form.cardNum"></el-input>
  </el-form-item>
  <el-form-item label="身份证号" prop="card">
         <el-input v-model="form.card" placeholder="请输入身份证号" />
  </el-form-item>
  <el-form-item label="手机号码" prop="phoneNum">
    <el-input v-model="form.phoneNum"></el-input>
  </el-form-item>
</el-form>

data() {
  return {
    form: {
      cardNum: '',
      phoneNum: '',
    },
    rules: {
      // 银行卡号校验规则
      cardNum: [
        { required: true, message: '请输入银行卡号', trigger: 'blur' },
        { validator: this.checkCardNum, trigger: 'blur' },
      ],
      // 手机号码校验规则
      phoneNum: [
        { required: true, message: '请输入手机号码', trigger: 'blur' },
        { validator: this.checkPhoneNum, trigger: 'blur' },
      ],
      //身份证号校验规则
       card: [
          { required: true, message: "身份证号不能为空", trigger: "blur" },
          { validator: this.isCnNewID, trigger: 'blur' }
        ],
    },
  }
},

methods: {
  // 银行卡号校验函数
  checkCardNum(rule, value, callback) {
    var reg = /^([1-9]{1})(\d{14}|\d{18})$/;
    if (reg.test(value)) {
      callback();
    } else {
      callback(new Error('银行卡号格式不正确'));
    }
  },
  //身份证号校验
   //身份证校验
    isCnNewID(rule, value, callback){
      var arrExp = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2];//加权因子
      var arrValid = [1, 0, "X", 9, 8, 7, 6, 5, 4, 3, 2];//校验码
      if (/^\d{17}\d|x$/i.test(value)) {
        var sum = 0, idx;
        for (var i = 0; i < value.length - 1; i++) {
          // 对前17位数字与权值乘积求和
          sum += parseInt(value.substr(i, 1), 10) * arrExp[i];
        }
        // 计算模（固定算法）
        idx = sum % 11;
        // 检验第18为是否与校验码相等
        if (arrValid[idx] == value.substr(17, 1).toUpperCase()) {
          callback()
        } else {
          callback("身份证格式有误")
        }
      } else {
        callback("身份证格式有误")
      }
    },
  // 手机号码校验函数
  checkPhoneNum(rule, value, callback) {
    var reg = /^1[3456789]\d{9}$/;
    if (reg.test(value)) {
      callback();
    } else {
      callback(new Error('手机号码格式不正确'));
    }
  },
},

handleSubmit() { 
  this.$refs.form.validate((valid) => { 
    if (valid) { 
      console.log('form validated');
    } else { 
      console.log('form invalid');
      return false;
    }
  });
},