elementui|elementUI表单验证没有反应
项目当中出现点击按钮进行表单校验没有反应(既没有校验失败也没有校验成功)
出现此类问题首先检查是否使用了element的自定义校验
【elementui|elementUI表单验证没有反应】如果使用了自定义校验无论验证成功或失败,都必须要返回一个callback()
// 自定义校验社保
var validateSocialBase = (rule, value, callback) => {if (value < this.formData.socialMin) {callback(new Error(`社保基数不可小于${
this.formData.socialMin}`))
} else if (value > this.formData.socialMax) {callback(new Error(`社保基数不可大于${
this.formData.socialMax}`))
} else {callback()
}
}
// 自定义校验公积金
var validateAccumulationFundBase = (rule, value, callback) => {if (value < this.formData.accumulationFundMin) {callback(new Error(`公积金基数不可小于${
this.formData.accumulationFundMin}`))
} else if (value > this.formData.accumulationFundMax) {callback(new Error(`公积金基数不可大于${
this.formData.accumulationFundMax}`))
} else {callback()
}
}
这样就完美解决了,记录一下
推荐阅读
- 7、前端--jQuery简介、基本选择器、基本筛选器、属性选择器、表单选择器、筛选器方法、节点操作、绑定事件
- React.js的表单(六)
- @逆战千锋|@逆战千锋 为什么sql语句执行之后表单中没有数据
- element-ui表单验证例子(validateField验证部分表单)
- Jquery表单序列化json+批量判断是否为空
- HTML|HTML 表单的用法
- Form 表单在数栈的应用(下)(深入篇)
- Vue引入elementui
- Vue|Vue ElementUI table实现给表格一个单元格斜线分隔线
- 表单数据高级搜索功能设计