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>
上一篇:JavaScript中的class:实现一个事件类,使用订阅发布模式


下一篇:水坑攻击之Jsonp hijacking-信息劫持,在钓鱼页面上调用js代码来获取用户在某些敏感站点的个人信息(如人人等)