提交前的Js表单验证器不工作
是指在网页中使用JavaScript编写的表单验证器无法正常工作的问题。表单验证器通常用于验证用户在提交表单之前输入的数据是否符合要求，以确保数据的准确性和完整性。
可能的原因和解决方法如下：
- JavaScript代码错误：检查表单验证器的JavaScript代码是否存在语法错误或逻辑错误。可以使用浏览器的开发者工具（如Chrome的开发者工具）来查看控制台中是否有任何错误信息，并逐行检查代码以找出问题所在。
- 表单元素选择器错误：确认表单验证器中所使用的表单元素选择器是否正确。确保选择器能够准确地选中需要验证的表单元素。
- 事件绑定错误：验证器通常会通过事件绑定来触发验证逻辑。检查验证器中是否正确绑定了表单提交事件或其他相关事件。确保事件绑定的代码位置和顺序正确。
- 验证逻辑错误：检查验证器中的验证逻辑是否正确。验证逻辑应该根据表单元素的值进行判断，并根据需要显示错误提示信息或阻止表单提交。确保验证逻辑能够正确地判断表单数据的合法性。
- HTML结构错误：验证器通常需要通过HTML结构来获取表单元素的值或显示错误提示信息。检查HTML结构是否正确，确保表单元素的id、name等属性设置正确，并且错误提示信息的容器元素存在且位置正确。
- JavaScript加载错误：确认验证器的JavaScript代码是否正确加载到网页中。可以通过查看浏览器的开发者工具中的网络面板来检查JavaScript文件是否成功加载。
如果以上方法都无法解决问题，可以尝试使用其他的表单验证库或框架，例如jQuery Validation、Bootstrap Validator等。这些库和框架提供了更丰富的验证功能和更简便的使用方式，可以提高开发效率和验证的准确性。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云前端开发相关产品：https://cloud.tencent.com/product/cdn
- 腾讯云后端开发相关产品：https://cloud.tencent.com/product/cfs
- 腾讯云软件测试相关产品：https://cloud.tencent.com/product/cts
- 腾讯云数据库相关产品：https://cloud.tencent.com/product/cdb
- 腾讯云服务器运维相关产品：https://cloud.tencent.com/product/cvm
- 腾讯云云原生相关产品：https://cloud.tencent.com/product/tke
- 腾讯云网络通信相关产品：https://cloud.tencent.com/product/vpc
- 腾讯云网络安全相关产品：https://cloud.tencent.com/product/ddos
- 腾讯云音视频相关产品：https://cloud.tencent.com/product/vod
- 腾讯云多媒体处理相关产品：https://cloud.tencent.com/product/mps
- 腾讯云人工智能相关产品：https://cloud.tencent.com/product/ai
- 腾讯云物联网相关产品：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发相关产品：https://cloud.tencent.com/product/mab
- 腾讯云存储相关产品：https://cloud.tencent.com/product/cos
- 腾讯云区块链相关产品：https://cloud.tencent.com/product/baas
- 腾讯云元宇宙相关产品：https://cloud.tencent.com/product/vr
相关·内容
3回答
我在js中的表单验证有问题。验证是有效的，因为他告诉我输入字段是空的还是有错误的。问题是我不能提交，就像js停止提交，而不是所有的输入字段都是正确的。我不知道为什么我不能提交，所有的字段都是绿色的，因为他们是正确的，但我不能提交。请帮帮我，我想问题出在e.preventdefault()；行 下面是我的
浏览 19提问于2020-03-24得票数 0
回答已采纳
Required属性在form标记中工作得很好：<input type="text" name="user" required>但是，如果我不能将其包装为表单，我可以使用在表单之外，此必需的输入对我不起作用：我可以用JavaScript复制它，但我想知道外部形式是否可能
浏览 2提问于2015-07-23得票数 4
回答已采纳
1回答
我有一个jquery验证插件。如果存在某些不正确的地方，我不希望我的表单提交。如果它没有某个日期字段或另一个特定的varChar(25)字段，我不希望它提交。我还想确保如果某个字段超过4000个字符，它就不会提交。如果相同字段没有字符，则可以提交表单。为了让它与jquery验证一起工作，我需要让它成为一个必需的验证</e
浏览 0提问于2011-12-28得票数 2
回答已采纳
我们这里的车管所网站是有验证码的，POST方式。不过验证码是客户端的JS脚本生成的，在浏览器里用JS脚本验证成功后修改一个隐藏域值。我在Chrome里把表单改成GET方式，提交之后保存URL，以后就可以直接访问，不用再填写表单了。
但是其他一些网站，把POST方式改成GET方式之后提交不上。POST方式的<e
浏览 588提问于2017-11-29
2回答
我正在尝试使用PHP验证表单中的字段，但是如果验证中有错误，我需要类似于e.preventDefault()的东西来停止刷新/加载页面。我试图在提交时运行checkForm()函数，但我意识到它总是返回true，因为它在数据发布之前运行。我还考虑过创建一个JS函数来调用e.preventDefault()，但我认为我唯一的选择是(#form).submit()函数，我希望避免在JS/jQuery中检索和发布数据，因
浏览 0提问于2015-12-02得票数 1
它使用HTML5表单验证来指示必填字段。它使用webShims/polyfill来实现旧版浏览器的兼容性。
这一切都像它应该的那样工作。我的问题在某些情况下出现，我不希望表单提交到"subPage“(表单上的默认操作)。相反，我希望它只是关闭模式表单，停留在显示模式表单的页面上。如果我使用$("#M
浏览 3提问于2012-10-17得票数 2
1回答
我想使用form函数验证validate()。如果有效，则发送AJAX。 }});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js
浏览 2提问于2022-10-06得票数 -1
3回答
我正在尝试让我的表单要求在提交表单之前填写某些字段。我搜索了一下，发现命令应该是这个简单的命令但是由于某些原因，在我的表单上，即使指定的字段没有填写，它也会提交它。我甚至尝试在Dreamwe
浏览 3提问于2013-09-05得票数 0
你好，我已经为我的重力表单注册表单准备了jQuery验证，以防止提交，但是如果我的条件匹配，我想提交我的表单，但是Javascript不像预期的那样工作 }else{
return true;
浏览 0提问于2018-04-08得票数 1
回答已采纳
我想学习一点关于javaScript表单验证(编码和理论)，你给我的教程链接(除了w3schools)。并确保我不会深入学习，因为我只需要为了考试目的而学习，而不是为了我的功能使用。
浏览 7提问于2011-03-04得票数 0
回答已采纳
示例
如果是男性，问题是“你的女朋友有多高？”是必需的。它也可能有价值，也可能有其他适用的规则(即)。用户应该能够提交表单，但如果问题从未显示，我不希望预设值到达服务器。我也不希望使用必需的属性或无效的值来阻止提交(但我不想关闭表单验证)。显示(2)或不显示的规则是自定义的，可能甚至
浏览 5提问于2014-02-04得票数 0
如何验证在列表视图(中继器)中选择的复选框不超过一个？Wicket中有一个带有ListView的表单，其结构如下：这两个元素都由CompoundPropertyModel<SimpleType在这种情况下，Check似乎没有使用来自CompoundPropertyModel的状态enabled进行更新。
我真的需要一个维利人或访客来处理这个案子吗？如何实施这些原则？
浏览 0提问于2015-05-29得票数 0
回答已采纳
我已经设法创建了对JS表单的验证(欢迎您提出实现此功能的任何其他方法)，但我认为我在这里的逻辑中遗漏了什么。如果我按下按钮来验证表单，而整个表单都是空的，则只会显示我创建的一个错误范围(总是第一个)，我如何才能正确地实现这一点，以便在单击按钮后显示表单中的所有错误？JS函数： var e
浏览 20提问于2021-05-27得票数 0
我在我的页面上有一个自定义的web表单，我试图在用户提交表单成功时触发谷歌DoubleClick标签(下一页是一个支付网关，所以很遗憾我不能在这个页面上放一个标签)functionValidatorOnSubmit) == "function" && ValidatorOnSubmit() == false) return false;}
我想知道是否有人有在这种表单</em
浏览 4提问于2017-03-30得票数 1
我处理的是反应式语言表单，我需要在保存前禁用表单控件，保存后重置表单并启用它 我遇到了一个问题，因为启用表单触发表单验证，而我需要启用表单而不触发验证 我的提交函数 onSubmit(){
浏览 23提问于2019-06-16得票数 0
回答已采纳
2回答
我已经完全清除了模型和控制器测试，这些测试都很好地通过了，并处理了数据库前验证的繁重工作。我知道我可以搜索错误文本，但是有一种方法可以检查‘提交’从未发生过，并且确信没有发生服务器故障。我想要这样的东西：
it
浏览 2提问于2012-10-16得票数 3
我有这个JavaScript 我使用他的验证器表单，但它没有验证器，也没有输出错误消息。我已经尝试了几个JavaScript代码检查器，它在49行显示SyntaxError: missing ) after argument list，但我不理解这个错误文本。
提前感谢:-)
浏览 2提问于2014-02-27得票数 0
当使用javascript和php验证表单时，为什么我们需要在服务器和浏览器上包含相同的验证规则(即正确的格式，填写的检查字段，值在范围内)？我知道javascript是可以关闭的，所以为什么不把所有东西都放在服务器上，省去两次检查呢？
浏览 3提问于2017-09-14得票数 0
我遵循了实现Formly ()的说明，所有的验证工作都很出色，只是当我在验证之后添加JS代码来处理提交时，即使表单上发生了错误，表单也会提交给服务器。请参阅Formly网站上"Faz“的评论。
浏览 4提问于2012-04-26得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
