Element 表单校验方法简单抽离

 validatePass = (rule, value, callback) => {if (!value || (Array.isArray(value)&&value.length==0)) {this.itemData.isEmpty = true;return callback(this.$t("sequenceList.pleaseInput"));}// this.currentIndex  当前表单的index//   this.allData  所有的数据let flag = this.allData.some((val, index) => this.currentIndex !== index && val[rule.field] == value);if (flag) {this.allData[this.currentIndex][rule.field]=""return callback(this.$t("dataMain.errorText"));} else {callback();}};

当表单为数组表单时,可以用作校验数据是否为空和字段是否重复

//数据格式:this.allallData=[
{name:"张三_test 数据",
age:"78",
sex:"男",
address:"上海市长宁区北新泾镇新泾街道新泾二村",
},
{name:"李四_test 数据",
age:"78",
sex:"男",
address:"上海市长宁区北新泾镇新泾街道新泾二村",
}
]

Element 表单校验方法简单抽离相关推荐

element表单校验
通过一个案例来示意:element的表单校验 html部分: <template><div id="app"><el-form :model=&quo ...
element表单校验输入框手动清空时出现XXX is required提示
使用element UI el-form表单校验时,当输入框手动清空内容时会出现XXX( Form-Item 的 prop 属性设置的校验字段名) is required提示,输入框失去焦点之后,又恢 ...
微信小程序常用表单校验方法（手机号校验、身份证号（严格和非严格校验、验证码六位数字校验））
一个js文件专门放校验方法方法记得导出 util.js function isPhone(value) {if (!/^1(3|4|5|7|8)\d{9}$/.test(value)) {retur ...
vue+element表单校验
1.字母数字组合 export function numberSrting(rule, value, callback) { if (!value) { callback(); } else { le ...
JEECG 3.7.8 新版表单校验提示风格使用升级方法（validform 新风格漂亮，布局简单)
JEECG 表单校验新提示风格使用讲解&升级方法 (validform 新风格漂亮,布局简单) JEECG 表单校验采用的是validform,默认的校验提示需要占用页面布局,提示效果较传统. ...
vue+element ui表单校验（邮箱、电话、工商信息）
vue+element ui表单校验(邮箱.电话.工商信息)) Html部分 <template><div><el-steps :active="active& ...
Element 表单只能输入数字校验
Element 表单只能输入数字校验以下验证均为只能输入数字类型只能输入整数 <el-input v-model="value" placeholder="请输 ...
问卷调查：vue element动态生成表单、表单校验以及表单提交
有任何疑问和问题欢迎大家提出来,一起学习,相互监督,共同进步! 需求:题型包含:单选题.多选题.文本框.矩阵题型实现功能的相关技术:vue(router,axios,element-ui) 实现结果 ...
elementUI From表单校验，整体校验和部分校验的使用方法
我们在开发中,有势会接到一种关于表单验证的需求,在对整体表单验证的同时也希望对单个表单进行验证,虽然官网都有api,但是为了让大家更为直观,这里小杰为了更为直观的理解做了总结. 本次涉及到的核心点 v ...
vue+ele 实现v-for动态数据循环表单，然后对每个结构进行表单校验的方法
vue+ele 实现v-for动态数据循环表单,然后对每个结构进行表单校验的方法项目开发时遇到form结构是动态遍历出来的,但是每个遍历出来的表单都需要做相对应的检验处理,ele提供的办法只能对单个 ...

Element 表单校验方法简单抽离

Element 表单校验方法简单抽离相关推荐

最新文章

热门文章