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()
},

学无止境,谦卑而行.

目录
相关文章
|
8月前
uniapp的form表单自定义验证规则
uniapp的form表单自定义验证规则
296 0
|
8月前
|
JavaScript 前端开发 数据安全/隐私保护
提交表单与验证表单案例
提交表单与验证表单案例
59 0
layui框架实战案例(11):表单自定义验证规则
layui框架实战案例(11):表单自定义验证规则
208 0
|
JavaScript
VUE element-ui之form表单自定义验证11位手机号码(封装验证规则)
VUE element-ui之form表单自定义验证11位手机号码(封装验证规则)
3476 0
VUE element-ui之form表单自定义验证11位手机号码(封装验证规则)
|
2月前
|
数据采集 Web App开发 JavaScript
如何在Puppeteer中实现表单自动填写与提交:问卷调查
本文介绍了如何使用 Puppeteer 和代理 IP 技术实现在线问卷调查的自动填写与提交。Puppeteer 是一个基于 Node.js 的无头浏览器自动化库,能够模拟用户行为,填写表单并提交数据。通过配置代理 IP,可以提高匿名性和爬取效率,避免因频繁请求而被封禁。本文提供了详细的代码示例和技术分析,帮助读者理解和应用这一技术。
|
4月前
表单的构成与创建
表单的构成与创建。
21 2
|
8月前
|
JavaScript
vue实现多个el-form表单提交统一校验的2个方法
vue实现多个el-form表单提交统一校验的2个方法
565 0
|
8月前
element-ui中Form表单使用自定义验证规则
element-ui中Form表单使用自定义验证规则
43 0
|
JavaScript 前端开发 API
Vue 实现表单的增删改查功能及表单的验证
Vue 实现表单的增删改查功能及表单的验证
162 0
|
JavaScript
【分享】宜搭js代码验证组件校验结果(触发组件校验)
有时候需要手动触发校验,特别是自定义页面,校验通过才进行下一步 by 页一
1194 1