form表单进不去validate回调函数的问题

最新推荐文章于 2024-05-28 11:44:38 发布
最新推荐文章于 2024-05-28 11:44:38 发布
阅读量900 收藏 1
点赞数 3
文章标签： vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/html123a/article/details/121397513
版权

form表单进不去validate回调函数的问题（已解决）

1.确保是否获取到form表单
2.确保每个验证函数一定调用了callback()函数，不管通过与否都必须调用callback()回调函数！！！

这是之前的代码
在这里插入图片描述注意每一个if else都要有callback函数与之一一对应
在这里插入图片描述
这个问题耽误了好长时间，在此记录一下，避免日后踩坑。

html123a
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
基于Bootstrap+jQuery.validate实现Form表单验证
10-25
主要介绍了基于Bootstrap+jQuery.validate实现Form表单验证,需要的朋友可以参考下
解决antd Form 表单校验方法无响应的问题
01-18
antd 的 表单校验方法包括 validateFields 和 validateFieldsAndScroll 里面可以接收校验字段数组, options, 和一个回调函数 from.validateFields([name, age], {}, (err, val)=> {}) 校验全部表单数据 from.validateFields((err, val)=> {}) // 无响应 发现无响应, 无报错, 完全蒙逼了, 排查良久, 添加校验字段后发现可以成功校验, 于是想着大不了我全部手动添加字段名校验, 终于, 错误的原因浮现出来了 from.validateFields([n
ElementPlus表单验证报错 formEl.validate is not a function
y523648的博客
11-15 1912
el-button type="primary" @click="onSubmit(ruleFormRef )">确定最近在学习element plus，做到表单那里始终报错 formEl.validate is not a function。确定form-item也指定了prop。
vue实战： 第二部分
qq_43527043的博客
09-25 2688
vue项目的详细使用
uni-app中vue3表单校验失败
m0_72167535的博客
12-06 1159
表单绑定的数据不正确，外面需要套一层ref，声明响应式数据绑定到表单中。之前的那个写法确实不报错，但是不能把表单中输入的数据更新到formData中，导致校验一直报错。主要是先定义表单实例，通过表单实例中的value的validate判断校验是成功还是失败。在app中使用uni-forms表单，并添加校验规则，问题是即使输入内容，表单校验依然失败。表单中需要追加rule，ref及model，分别定义校验规则，表单及表单绑定的数据。表单规则中各个项目的id要和表单中form-item中的name属性一致。
element表单校验不进入 validate 问题
张小胖
12-16 3359
element UI 自定义校验 不进入 validate 问题 console.log 表单的 $refs 可以看到 validate 方法 但是不执行，很奇怪，所以答案就是 自定义的时候如果完成校验 或者 不进校验 需要写上 callback() 错误代码 var notZero = (rule, value, callback) => { if (!value) { return callback(new Error('值必须是大于0')); } }; 修改后代码 var
element框架的el-form组件validate方法不执行
louxinuo的博客
12-19 2560
检查自己的自定义验证规则是否每一条逻辑都能够执行到callback函数！！！
vue form 表单不进入validate
leizi929的专栏
06-30 1498
查看百度网友说if必须要有else，试了还是不行 我的代码 如图所示：错误原因1、我不小心漏了()，低级错误 2、第二个校验规则的回调函数是callback和第一个缩写cb不一样，这两个方法必须名字一样，要不然就会导致表单预校验失败，浪费了快2小时才查出原因，虽然已经解决了，但是不知道具体为什么，有大佬知道帮忙解答下，感谢 // 提交请求前，表单预验证 this.$refs.addFormRef.validate(async valid => { console.log.
解决vue3.x debugger不能使用的问题
weixin_39418338的博客
10-09 3799
package.json->eslintConfig找到rules属性填写这段代码 "rules": { "no-debugger": "off", "no-console": "off", "generator-star-spacing": "off", "no-tabs": "off", "no-unused-vars": "off", "no-irr
vue3 el-form校验 报错formRef.value.validate is not a function
2301_76162638的博客
12-28 2612
在保存按钮中打印formRef.value.validate()是有值的，所以我给它们增加了。
vue表单验证你真的会了吗？vue表单验证（form）validate
10-17
主要介绍了vue表单验证你真的会了吗？vue表单验证（form）validate,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
FormValidate 表单验证功能代码更新并提供下载
09-06
加入验证模式 4,同3,但是当验证不通过时，立即停止向下检查。在模式3下，如果发生错误，会把错误记录，并向下检查，模式4就不向下检查了
jQuery validate+artdialog+jquery form实现弹出表单思路详解
10-22
在项目需求中有这样一功能：在页面弹出一个form表单，ajax无刷新提交表单，表单需通过验证。下面小编给大家介绍通过jQuery validate+artdialog+jquery form实现弹出表单思路详解，需要的朋友参考下吧
[Vue3]Console报错：Cannot read property ‘validate‘of undefined
Github☛arreychan
03-01 999
Console报错：Cannot read property 'validate’of undefined 使用element-plus(^1.2.0-beta.3)进行表单验证时报错
this.$refs.form.validate() 不执行问题的解决办法
热门推荐
zyf971020的博客
11-15 1万+
this.$refs.form.validate() 不执行问题的解决办法
el-form自定义规则后表单验证validate不生效的问题
weixin_61570458的博客
09-21 2747
错误示范
vue $refs validate校验不生效
ltf-spaceweixin_46032911的博客
08-10 2740
代码】vue $refs validate校验不生效。
element ui 表单验证 this.$refs[formName].validate()里面的内容死活不执行
qq_43490372的博客
12-28 1222
element ui 表单验证 this.$refs[formName].validate()里面的内容死活不执行 如图，代码一直不执行下面。 最主要的原因就是我们设置了自定义验证里面每一个判断都要有callback(),就是要保证最后执行到的是callback(),我是因为用了if elseif 忽略了最后的else中的callback。 解决办法就是必须加上callback()； ...
书籍学习|基于SprinBoot+vue的书籍学习平台(源码+数据库+文档)
最新发布
JIngJaneIL的博客
05-28 1199
首先,论文一开始便是清楚的论述了平台的研究内容。其次,剖析平台需求分析,弄明白“做什么”,分析包括业务分析和业务流程的分析以及用例分析,更进一步明确平台的需求。然后在明白了平台的需求基础上需要进一步地设计平台,主要包罗软件架构模式、整体功能模块、数据库设计。本项目软件架构选择B/S模式和java技术，总体功能模块运用自顶向下的分层思想。再然后就是实现平台并进行代码编写实现功能。论文的最后章节总结一下自己完成本论文和开发本项目的心得和总结。通过书籍学习平台将会使书籍学习各个方面的工作效率带来实质性的提升。
表单的validate函数的使用
05-12
表单的validate函数是用来验证表单数据是否符合要求的函数，通常在提交表单前需要调用该函数进行数据检查，以避免不合法的数据被提交到后台服务器。 在使用validate函数时，一般需要以下几个步骤： 1. 获取表单对象，可以使用jQuery或原生JS的方式获取。 2. 定义验证规则，包括必填项、数据格式、长度等。 3. 编写验证函数，根据不同的规则对表单数据进行检查。 4. 调用validate函数，传入验证规则和验证函数，进行表单验证。 5. 如果表单验证成功，可以提交表单数据到后台服务器，否则需要提示用户错误信息。 下面是一个基本的表单验证示例代码： ```html <form id="myForm"> <input type="text" name="username" required> <input type="email" name="email" required> <input type="password" name="password" required> <button type="submit">提交</button> </form> <script> $(document).ready(function() { $("#myForm").validate({ rules: { username: "required", email: { required: true, email: true }, password: { required: true, minlength: 6 } }, messages: { username: "请输入用户名", email: { required: "请输入邮箱地址", email: "请输入正确的邮箱地址" }, password: { required: "请输入密码", minlength: "密码长度不能少于6个字符" } }, submitHandler: function(form) { form.submit(); } }); }); </script> ``` 上述代码中，我们使用了jQuery的validate插件来进行表单验证。在调用validate函数时，我们定义了3个规则，分别是username、email和password。对于每个规则，我们可以设置不同的验证条件，如必填项、数据格式、长度等。同时，我们还定义了相应的错误信息，以便在验证失败时提示用户。最后，我们还设置了submitHandler回调函数，用于在表单验证成功后提交表单数据到后台服务器。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值