ElementUI——表单使用自定义验证导致无法提交

简介: ElementUI——表单使用自定义验证导致无法提交

前言

表单使用自定义的验证,验证失败正常提示,验证成功却无法提交~

原因很简单,因为在自定义校验立没有添加成功的callback

内容

错误代码

checkBudget(rule, value, callback) {
  if (!value) return callback(new Error('请输入预算'))
  if (value < 300 || value > 9999999.99) return callback(new Error('预算不少于300元,不超过9999999.99元'))
},

正确代码

checkBudget(rule, value, callback) {
  if (!value) return callback(new Error('请输入预算'))
  if (value < 300 || value > 9999999.99) return callback(new Error('预算不少于300元,不超过9999999.99元'))
  callback()
},

学无止境,谦卑而行.

目录
相关文章
|
5月前
uniapp的form表单自定义验证规则
uniapp的form表单自定义验证规则
198 0
|
5月前
|
JavaScript 前端开发 数据安全/隐私保护
提交表单与验证表单案例
提交表单与验证表单案例
46 0
|
JavaScript
VUE element-ui之form表单自定义验证11位手机号码(封装验证规则)
VUE element-ui之form表单自定义验证11位手机号码(封装验证规则)
3414 0
VUE element-ui之form表单自定义验证11位手机号码(封装验证规则)
|
9天前
表单的构成与创建
表单的构成与创建。
10 2
|
2月前
|
JavaScript 前端开发
Next js:点击登录显示登录表单,点击注册显示注册表单的功能
本文提供了一个Next.js中使用React状态管理实现点击按钮切换显示登录和注册表单的功能示例,包括创建`authform.tsx`组件和在页面组件中引入使用的方法。
|
5月前
|
JavaScript
vue实现多个el-form表单提交统一校验的2个方法
vue实现多个el-form表单提交统一校验的2个方法
213 0
|
5月前
element-ui中Form表单使用自定义验证规则
element-ui中Form表单使用自定义验证规则
27 0
|
12月前
|
JavaScript 前端开发 API
Vue 实现表单的增删改查功能及表单的验证
Vue 实现表单的增删改查功能及表单的验证
131 0
|
JavaScript
【分享】宜搭js代码验证组件校验结果(触发组件校验)
有时候需要手动触发校验,特别是自定义页面,校验通过才进行下一步 by 页一
1123 1