表单的一些验证笔记

1. 输入框必填，输入空格验证失效，禁止输入空格，在输入框加v-model.trim
2. 清空整个表单验证规则this.$refs.addFrom.resetFields()
3. 只清空一项验证规则this.$refs.addFrom.clearValidate('name')
4. 手机号的验证规则：                                                                                                                   

   phone: [
           { required: false, message: "请输入联系方式", trigger:"blur"},
           {pattern: /^((0\d{2,3}-\d{7,8})|(1[23456789]\d{9}))$/,
            message: "请输入正确的手机号码", trigger: "blur",}
   ],

5. 身份证的验证规则：                                                                                                                   

   IdCard：[
       {required: true,message: "请输入产权人身份证号码",trigger: "blur"},
       {pattern: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/,message: "请输入正确的身份证号                                    
       码",trigger: "blur",}
   ],

6. 确认密码验证：

   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" }
           
                   ]
           }
   }
   
   

7. 验证是否上传图片和文件                                                                                                           

   <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 }],
   }

8. 验证输入密码不能输入空格

{
            pattern: /^[^\s]*$/,
            trigger: "blur",
            message: "不能输入空格",
          },