element rules不生效

最近在写项目时遇到了一个问题，rules不生效，在网上找了很多办法都没有解决，后来多次修改发现，当页面中存在多个<el-form>时，所加的rules不会生效（尚未找出什么原因，大神请指教）。

正确做法：将<el-form-item>放在一个<el-form>里。

        <el-form-item label="学生姓名" prop="stName"><el-input v-model="form.stName" placeholder="请输入学生姓名" /></el-form-item><el-form-item label="民族" prop="stNation"><el-select v-model="form.stNation" placeholder="请选择民族" style="width: 203px;"><el-option v-for="dict in stNations" :label="dict.dictLabel" :value="dict.dictValue" :key="dict.dictValue" ></el-option></el-select></el-form-item><el-form-item label="学校" prop="stSchoolId"><el-select v-model="form.stSchoolId" placeholder="请输入所属学校" style="width: 200px" @change="getGrades"><el-option v-for="(item,index) in schoolListData" :key="index" :label="item.dictLabel" :value="item.dictValue"></el-option></el-select></el-form-item><el-form-item label="生源" prop="stResource"><el-select v-model="form.stResource" placeholder="请选择生源" style="width: 200px;"><el-option v-for="dict in stResources" :label="dict.dictLabel" :value="dict.dictValue" :key="dict.dictValue"></el-option></el-select></el-form-item><el-form-item label="班级" prop="stClass"><el-input v-model="form.stClass" placeholder="请输入班级" /></el-form-item><el-form-item label="年级" prop="stGrade"><el-input-number v-model="form.stGrade" @change="handleChange" :min="1" :max="this.grades.data"></el-input-number></el-form-item><el-form-item label="身份证号" prop="stSelfno"><el-input v-model="form.stSelfno" placeholder="请输入身份证号" /></el-form-item><el-form-item label="亲属姓名" prop="stContacts"><el-input v-model="form.stContacts" placeholder="请输入亲属姓名" /></el-form-item><el-form-item label="联系方式" prop="stPhone"><el-input v-model="form.stPhone" placeholder="请输入联系方式" /></el-form-item><el-form-item label="家庭住址" prop="stAddress"><el-input v-model="form.stAddress" placeholder="请输入家庭住址" /></el-form-item><el-form-item label="遗传病史" prop="medicalHistory"><el-input v-model="form.medicalHistory" placeholder="请输入遗传病史"/></el-form-item><el-form-item label="首次月经初潮/遗精年龄" prop="stFirstTime" label-width="160px"><el-input v-model="form.stFirstTime" placeholder="请输入首次月经初潮/遗精年龄" style="width: 120px"/></el-form-item></el-form>

表单验证：

      rules: {stName: [{ required: true,message: "学生姓名不能为空",trigger: "blur"}],stSelfno:[{required:true,message:"请输入正确的身份证号码",min:18,max:18}],medicalHistory:[{required: true,message: "遗传病史不能为空",trigger: "blur"}]}

点击确定后实现效果：

element rules不生效相关推荐

关于el-form中的rules未生效问题的解决方法
关于el-form中的rules未生效问题的解决方法特别提醒,<el-form-item>中prop="paymentProductName"的值一定要跟对应的v-m ...
element rules 校验
1.简单的校验,之间通过rules 校验 :rules="{required: true, message: '执行时间不能为空', trigger: 'blur'}" 这个是失去 ...
【VUE 表单验证】vue Element 表单验证中多层v-for验证方法
vue Element 表单验证中对象有list列表如何验证正常情况下只需要<el-form-item> 标签中填入prop数据属性即可. <el-form-item label ...
TypeScript入门基础
文章目录 1 TypeScript介绍 1.1 什么是TypeScript? 1.2 为什么需要 TypeScript 1.3 JS与TS的相关知识 1.4 TypeScript特性 1.5 Type ...
Validation-jQuery表单验证插件使用方法
作用 jquery.validate是jquery旗下的一个验证框架,借助jquery的优势,我们可以迅速验证一些常见的输入,并且可以自己扩充自己的验证方法,并且对国际化也有很好的支持. 使用前的布置 ...
在Linux 5/6上使用UDEV SCSI规则配置ASM DISK
绑定对象可以为磁盘也可为分区(格式化后的磁盘) 识别磁盘(/sbin/scsi_id) Oracle Linux 5用如下脚本: #!/bin/sh for i in b c d e f g do ...
centos 日志审计_Linux\CentOS中auditd安全审计工具的使用
介绍 Auditd工具可以帮助运维人员审计Linux.这个工具在大多数Linux操作系统中是默认安装的,是Linux审计系统中用户空间的一个组件,其负责将审计记录写入磁盘. 安装$ apt-get i ...
Validate使用及配置
官网地址:http://jqueryvalidation.org/ 导入JS文件下载压缩包后validate文件位于dist目录,目录中包含jquery.validate.js 与 addition ...
Java 使用poi导入excel，结合xml文件进行数据验证的例子(增加了jar包)
ava 使用poi导入excel,结合xml文件进行数据验证的例子(增加了jar包) 假设现在要做一个通用的导入方法: 要求: 1.xml的只定义数据库表中的column字段,字段类型,是否非空等条件 ...
CentOS7 - 审计日志
1.auditctl : 即时控制审计守护进程的行为的工具,比如如添加规则等等. audtitctl -l #查看规则 auditctl -D #清空规则 2.aureport : 查看和生成审计报告 ...

element rules不生效

element rules不生效相关推荐

最新文章

热门文章