vue.js - vue element 表单验证问题

问题描述

问 题

<el-form-item label="证件类型:" prop="credentials_num">
    <el-radio-group v-model="userInfo.credentials_type">
        <el-radio  label="1">身份证</el-radio>
        <el-radio label="2">护照</el-radio>
        <el-radio label="3">港澳通行证</el-radio>
        <el-radio label="4">其他</el-radio>
    </el-radio-group>
</el-form-item>
<el-form-item label=" ">
    <el-input v-model="userInfo.credentials_num" placeholder="请填写证件号码"></el-input>
</el-form-item>

rules_1:{
    credentials_num: [
        {required: true, message: '请填写证件号码', trigger: 'blur' },
        {pattern: /(^[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}$)/, message: '证件号码格式有误！', trigger: 'blur'}
    ],

现在的表单验证是就验证了一个身份证的，那我如果点击除了身份证以外的radio的时候 如何把prop去除呢？就是我只想验证身份证，其他的不验证，而且我只有一个输入框

解决方案

prop放下面input上，然后写两个input 一个prop一个没prop，然后根据redio决定显示哪个，一定要用v-if

这篇关于vue.js - vue element 表单验证问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！