校验

作者: 琳媚儿 | 来源:发表于2020-12-01 18:48 被阅读0次

el-input 限制数字

   {
           pattern: /^[0-9\-]+$/,
           message: '请输入7位数字',
     },
    {
          pattern: /^[\u4E00-\u9FA5a-z0-9\-]+$/,
          message: '仅限中文、数字,小写字母,-',
    },
       {
                      pattern: /^[\u4E00-\u9FA5\-]+$/,
                      message: '仅限中文',
                },

第一:数组校验

     :prop="'recordList.' + index + '.problem'"
     :rules="{
     required:problemRequired==1?true:false,
     message: '咨询问题不能为空',
     trigger: 'change',
    }"
  <div  v-for="(recordList, index) in inquiry.recordList"
                :key="index">
               <el-form-item
                      label="咨询问题"
                       :prop="'recordList.' + index + '.problem'"
                        :rules="{
                          required:problemRequired==1?true:false,
                          message: '咨询问题不能为空',
                          trigger: 'change',
                        }"
                    >
                      <el-select
                        v-model="recordList.problem" 
                        placeholder="疾病知识"
                        :disabled="startStatus.problemTypestartStatus == '2' ? true : false "
                      
                      >
                        <el-option 
                                   
                        v-for="item in problemType"
                        :key="item"
                        :label="item"
                        :value="item">
                      </el-option>
                      </el-select>
                    </el-form-item>
</div>

根据数组放回得字段进行是否必选得判断

data(){
     problemRequired:''
  }

    async stateChange() {
      const parms = {
        projectId: this.projectId,
        type: ""
      };
      const res = await this.$cm.requestPost(101266, parms);
      if (res.sucess) {
        let list = res.paramBody.list;
        let list_demo = list.map(data => {
          switch (data.names) {
            case "问询类型":
              this.startStatus.followType = data.startStatus;
             this.inquiry_rules.followType[0].required = data.required===1;
       
              break;
            case "问询对象":
              this.startStatus.target = data.startStatus;
               this.inquiry_rules.target[0].required=data.required===1;   
              break;
            case "患者问题":
              this.startStatus.problemTypestartStatus = data.startStatus;
              this.problemRequired=data.required===1
              this.problemType = data.problemType.split(',');  
              console.log("str",this.problemType)  
              break;
          }
          return;
        });
      }
    },

第二:

 prop="target"
 target: [
          { required: false, message: "问询对象不能为空", trigger: "change" }
        ],
 <el-form
      ref="inquiry-ref"
      :model="inquiry"
      :rules="inquiry_rules"
      size="medium"
      label-width="180px"
      label-position="left"
    >

           <el-form-item
                  label="问询对象"
                  prop="target"
                >
                  <el-radio-group v-model="inquiry.target" size="medium">
                    <el-radio
                      :disabled="startStatus.target == '2' ? true : false"
                      v-for="(item, index) in targetOptions"
                      :key="index"
                      :label="item.value"
                      style="padding-bottom:5px;"
                      >{{ item.label }}</el-radio
                    >
                  </el-radio-group>
                </el-form-item>

第三中

  prop="inquiryOne"
  const inquiryOneFun = (rule, value, callback) => {
       console.log("校验函数",rule, value, callback)
        if (this.inquiry.target !== "") {
       this.$refs["inquiry-ref"].clearValidate("inquiryOne");
        callback();
        }
  }
 inquiryOne: [{ validator: inquiryOneFun, trigger: "change" }]

相关文章

  • 设计模式之责任链模式

    抽象处理者 校验的具体规则类 校验用户昵称 校验邮箱 校验状态 校验密码 校验规则客户端 输出结果

  • Kettle 实战之 (3) 数据校验

    实例 增加节点-数据校验 1、从【校验】节点分类中选择【数据校验】 2、设置校验规则点击【增加校验】,增加校验规则...

  • spring的后台数据校验

    数据校验对于开发项目来说是必须的。校验一般分为前台校验和后台校验,前台校验是必须要做的,后台校验是可选的。后台校验...

  • 前端常用正则校验

    校验邮箱方法 校验电话 校验手机号

  • Alamofire证书校验的几种方式

    校验颁发机构 校验公钥 证书完全校验

  • Element、iview 表单校验总结

    本文分享主要内容:基本用法、校验方式、部分校验(关联交验)、新增校验、 动态切换校验、校验/重置Form表单、日期...

  • 校验器

    数据通过校验器校验,如果校验不通过,拦截器抛出错误,校验器下面的代码就不能继续执行。 拓展:校验器负责数据校验,拦...

  • 25个常用的正则表达式

    1、手机号码的校验 2、身份证的校验 3、邮箱的校验 4、URL的校验 5、IPv4的校验 6、16进制颜色的校验...

  • 常用正则表达式

    1、手机号码的校验 2、身份证的校验 3、邮箱的校验 4、URL的校验 5、IPv4的校验 6、16进制颜色的校验...

  • 常见正则表达式校验

    1、手机号码的校验 2、身份证的校验 3、邮箱的校验 4、URL的校验 5、IPv4的校验 6、16进制颜色的校验...

网友评论

      本文标题:校验

      本文链接:https://www.haomeiwen.com/subject/ieoswktx.html