el-form无法提交表单,提交表单没反应

文章讲述了在一个程序中,由于将el-form-item置于el-form外部导致的表单提交无响应问题。开发者发现点击提交后,在if(!formEl)return;处结束。问题根源在于自定义表单校验规则错误,未在规则通过时调用callback()。补充调用callback()后,表单提交恢复正常。这是一个关于前端开发中表单验证错误的实例,可供其他开发者参考。

问题描述

在发现这个问题前,程序一直依赖这个bug在正常运行~~!特有意思,在此记录一下~~!

今天发现el-form-item 不小心放在了el-form元素的外面。改回去后,居然发现提交表单一直没有反应。
在这里插入图片描述
点击提交按钮后,跑到下图if (!formEl) return;这里就直接结束了。
在这里插入图片描述

解决方案

最后查出来是自定义表单校验规则写错了,校验通过的时候,没有执行callback()。补上之后就正常了。
在这里插入图片描述

总结

网上查了一下,表单提交没反应,都是由于表单校验规则写错了。文本就当做另一个案例,给开发小伙伴们提供参考。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值