JavaScript阻止回车提交表单的方法
大家对回车键的功能应该比较熟悉，比如在windows系统的很多应用程序中，只要点击回车键就可以进入此程序或者开启某项功能，不过有时候我们希望阻止它的功能，例如在填写表单的时候，可能不小心点击回车键造成表单误提交，下面就来简单介绍一下如何实现此功能。代码实例如下:
如何防止回车（enter）键提交表单，其实很简单，就一句话。onkeydown="if(event.keyCode==13)return false;"把这句写在from标签里面就好了。
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <title>屏蔽回车提交表单功能</title> <script type="text/javascript"> window.onload=function() { var myform=document.getElementById("myform"); myform.onkeypress=function(ev) { var ev=window.event||ev; if(ev.keyCode==13||ev.which==13) { return false; } } } </script> </head> <body> <p>在表单中回车默认会提交表单，在form的onkeypress事件中处理，只要返回false就可禁用回车提交表单</p> <form id="myform"> <input type="text" name="username"/> <input type="submit" value="提交"/> </form> </body> </html>
以上代码可以屏蔽点击回车提交表单的功能。代码简单易懂，有不明白的欢迎提出宝贵意见，谢谢大家一直以来对小牛知识库网站的支持。
-
本文向大家介绍利用JavaScript阻止表单提交的两种方法，包括了利用JavaScript阻止表单提交的两种方法的使用技巧和注意事项，需要的朋友参考一下 在JavaScript中，阻止表单默认提交行为的方法有两种，分别是： （1） return false 示例代码 （2） 使用preventDefault() 在标准浏览器中，阻止浏览器默认行为使用event.preventDefault()，
-
本文向大家介绍javascript实现回车键提交表单方法总结，包括了javascript实现回车键提交表单方法总结的使用技巧和注意事项，需要的朋友参考一下 本文实例总结了javascript实现回车键提交表单方法。分享给大家供大家参考。具体分析如下： 第一种方法：javascript实现 第二种方法：jquery实现（ie8、chrome和firefox都支持） 希望本文所述对大家基于js的web
-
我正在做一个Django项目，其中一个表单不会提交。我发现罪魁祸首是一些JavaScript，它格式化了货币输入（当我移除JS或移除输入时，它提交） 这是我的简化表单--JS来自html5货币/货币输入
-
本文向大家介绍Form表单按回车自动提交表单的实现方法，包括了Form表单按回车自动提交表单的实现方法的使用技巧和注意事项，需要的朋友参考一下 1.form表单中只有一个input标签,按回车键将自动提交表单 当form表单中只有一个<input type="text" name='name' />时按回车键将会自动将表单提交。 如果不想让其自动提交可以这样做: 再添加一个<input type=
-
问题内容： 我只是写了这个漂亮的小函数，它可以在表单本身上工作… 按照我的逻辑，我想在输入textarea期间接受回车。同样，将输入字段的回车键行为替换为跳到下一个输入字段的行为（就像按下Tab键一样）将是额外的好处。有谁知道使用事件传播模型正确触发适当元素上的回车键，但阻止表单在其按下时提交的方法吗？ 问题答案： 这是我功能的修改版本。它执行以下操作： 防止Enter键在除textarea，bu
-
我正在使用vee验证vue中的表单。js。验证应该在blur上启动。有一个提交按钮，用于验证表单中的所有字段。 问题是，当我在键入一些输入后单击submit按钮时，只会触发blur事件并验证输入字段。未触发提交事件。如果再次单击该按钮，将触发提交事件。 示例代码链接：https://jsfiddle.net/2u6n7xfr/35/ 复制步骤： 在输入中键入一些无效值，即：qwerty 单击提交按