form表单必填字段校验

校验港澳台身份证

// An highlighted block
<template>
  <div>
    <el-form :rules="rules">
    	<el-form-item label="身份证号：" prop="identityCard">
        <el-input
          v-model="formInline.identityCard"
          placeholder="请输入身份证号"
        ></el-input>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
export default {
  data () {
    var validateFARNZJNO = (rule,value,callback) => {
      if (value == '') {
        callback(new Error("请填写证件号码！"))
      } else if (value != '') {
        if(/(^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$)|(^[1-9]\d{5}\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{2}$)/.test(value) == false &&
        /^((\s?[A-Za-z])|([A-Za-z]{2}))\d{6}(\([0−9aA]\)|[0-9aA])$/.test(value) == false &&
        /^[a-zA-Z][0-9]{9}$/.test(value) == false &&
        /^[1|5|7][0-9]{6}\([0-9Aa]\)/.test(value) == false){
            callback(new Error("证件号码格式有误！"))
        }
      }
      callback()
    },
    return {
      formInline: {
        identityCard: ''
      },
      rules: {
        identityCard: [{ required: true, validator: validateFARNZJNO, trigger: 'blur' }]
      }
    }
  }
}
</script>