vue动态实现form表单的必填项校验

vue动态实现form表单的必填项校验代码<el-form-item label="对方物料" prop="receiptMaterialId" :rules="form.receiptPaymentType === '01'||form.receiptPaymentType === '05' ? [{required: false}]:rules.receiptMaterialId"&gt

天生一副脑残眼

3050人浏览 · 2021-06-10 16:42:41

天生一副脑残眼 · 2021-06-10 16:42:41 发布

vue动态实现form表单的必填项校验

代码

<el-form-item label="对方物料" prop="receiptMaterialId" :rules="form.receiptPaymentType === '01'||form.receiptPaymentType === '05' ? [{required: false}]:rules.receiptMaterialId">

rules: {
          receiptMaterialId: [
            {required: true, message: '对方物料不能为空', trigger: 'blur'}
          ]
}

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^