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

学无止境,谦卑而行.

目录
打赏
0
1
2
0
67
分享
相关文章
|
11月前
uniapp的form表单自定义验证规则
uniapp的form表单自定义验证规则
360 0
layui框架实战案例(11):表单自定义验证规则
layui框架实战案例(11):表单自定义验证规则
242 0
2024了,你会使用原生js批量获取表单数据吗
2024了,你会使用原生js批量获取表单数据吗
91 4
如何在Puppeteer中实现表单自动填写与提交:问卷调查
本文介绍了如何使用 Puppeteer 和代理 IP 技术实现在线问卷调查的自动填写与提交。Puppeteer 是一个基于 Node.js 的无头浏览器自动化库,能够模拟用户行为,填写表单并提交数据。通过配置代理 IP,可以提高匿名性和爬取效率,避免因频繁请求而被封禁。本文提供了详细的代码示例和技术分析,帮助读者理解和应用这一技术。
130 0
jQuery最方便的前端验证方式2种(非空验证与比较验证)
jQuery最方便的前端验证方式2种(非空验证与比较验证)
124 0
Element-ui中 表单(Form)校验的几种形式 及 表单嵌套表格含上传(Upload)组件的综合案例
Element-ui中 表单(Form)校验的几种形式 及 表单嵌套表格含上传(Upload)组件的综合案例
1087 0
表单校验与4种提交方式
表单是一个包含表单元素的区域。表单元素允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。表单校验是指:用户在html页面的form表单中填写的内容,在向服务器提交之前,需要在前端完成对表单内的数据完整性和正确的格式进行校验,校验不通过不予以提交并给出提示。以避免服务器收到错误数据(导致对服务器的多余访问)。常用于表单的校验业务如下:非空(账号密码)、手机号格式、邮箱格式、密码复杂度。 表单提交的常见操作方式:1、表单中使用submit提交按钮。2、form表单使用onsubmit等等。 ​
1307 0
表单校验与4种提交方式
如何基于Joomla默认表单组件创建联系表单
本教程将向您展示如何基于Joomla默认组件创建联系人表单。我们将向您展示以下的方法:
如何基于Joomla默认表单组件创建联系表单
JS端自己拼接一个表单进行提交:实现下载或者传参后台
JS端自己拼接一个表单进行提交:实现下载或者传参后台