- 输入框必填,输入空格验证失效,禁止输入空格,在输入框加v-model.trim
- 清空整个表单验证规则this.$refs.addFrom.resetFields()
- 只清空一项验证规则this.$refs.addFrom.clearValidate('name')
- 手机号的验证规则:
phone: [ { required: false, message: "请输入联系方式", trigger:"blur"}, {pattern: /^((0\d{2,3}-\d{7,8})|(1[23456789]\d{9}))$/, message: "请输入正确的手机号码", trigger: "blur",} ],
-
身份证的验证规则:
IdCard:[ {required: true,message: "请输入产权人身份证号码",trigger: "blur"}, {pattern: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/,message: "请输入正确的身份证号 码",trigger: "blur",} ],
-
确认密码验证:
data (){ const equalToPassword = (rule, value, callback) => { if (this.user.newPassword !== value) { callback(new Error("两次输入的密码不一致")); } else { callback(); } }; return{ confirmPassword: [ { required: true, message: "确认密码不能为空", trigger: "blur" }, { required: true, validator: equalToPassword, trigger: "blur" } ] } }
-
验证是否上传图片和文件
<el-form-item label="上传文件:" prop="filePath"> <el-upload action="#" :before-upload="checkFileType" :http-request="handleUpload" :show-file-list="false" > <el-button size="small" type="primary">点击上传</el-button> </el-upload> <div> <span v-if="form.fileTitle">{{ form.fileTitle }}</span> </div> </el-form-item>
const dataFlie = (rule, value, callback) => { if (this.form.filePath == null) { callback(new Error("请上传文件")); } else { callback(); } }; rules: { filePath: [{ required: true, trigger: "change", validator: dataFlie }], }
-
验证输入密码不能输入空格
{
pattern: /^[^\s]*$/,
trigger: "blur",
message: "不能输入空格",
},