按enter键是否触发提交表单

最新推荐文章于 2022-01-17 11:50:12 发布
最新推荐文章于 2022-01-17 11:50:12 发布
阅读量444 收藏
点赞数
分类专栏： ASP.NET学习(知识积累) 文章标签： button image ie

本demo演示在文本框中按enter键是否触发提交表单

默认情况下，一个文本框的时候，提交，不管按钮type是submit还是button

一个文本框的时候怎么才能做到不提交，方法是加一个隐藏掉的文本框

只要有type为submit的按钮存在，一个文本框还是多个文本框都提交

只要有type为submit的按钮存在，一个文本框还是多个文本框都提交

多个文本框的时候，不提交，用type为button的按钮就行啦

用button元素时，FX和IE下有不同的表现

radio和checkbox在FX下也会触发提交表单，在IE下不会

type为image的按钮，等同于type为submit的效果


HelloLWei
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
说说回车键触发表单提交的问题
03-15
NULL 博文链接：https://ice-cream.iteye.com/blog/320168
禁止按回车键提交表单的方法
09-03
在网页开发中，用户按下回车键通常会触发表单的提交操作，这在某些情况下可能会导致意外的结果，比如在搜索框中按回车可能会刷新整个页面。本文将详细讲解如何禁止用户通过回车键来提交表单，以避免这种不必要的行为...
form 回车
jamm1986的专栏
09-02 218
表单中回车会有默认的提交。 [size=large]我们有时候希望回车键敲在文本框（input element）里来提交表单（form），但有时候又不希望如此。比如搜索行为，希望输入完关键词之后直接按回车键立即提交表单，而有些复杂表单，可能要避免回车键误操作在未完成表单填写的时候就触发了表单提交。 要控制这些行为，不需要借助JS，浏览器已经帮我们做了这些处理，这里总结几条规...
回车按键触发form表单提交问题
weilikk的博客
06-17 1110
  今天做jsp页面上的表单提交，表单有一些校验， 校验的内容写在js函数check()里面。 html代码如下： <form name="grform" action="......" method="post"> <label>身份证号：</label> <input name="....&q
谈谈Enter回车键提交表单那些事
热门推荐
u010871655的博客
04-27 1万+
我们在做系统前端的时候，往往会用到form标签，采用jquery插件做表单验证。我们信誓旦旦的一位把一切都做好的时候，并且检查一遍又一遍的时候，意向不到的事情发生了，也许是出于一种意外，而这种意外我们从来没有想到，我们不小心碰下了enter键，然后我们发现该走的js它没有走，跳到下一个页面，或者就直接404了。想都不用想，绝对是enter键直接把表单提交了.表单在什么情况下会e
jquery实现按Enter键触发事件示例
10-26
在网页交互中，有时我们希望用户按下回车(Enter)键时执行特定的功能，例如提交表单、搜索或执行其他操作。jQuery是一个流行的JavaScript库，它简化了DOM操作和事件处理，包括监听键盘事件。本篇文章将详细讲解如何...
禁用Enter键表单自动提交实现代码
09-04
在网页开发中，用户在填写表单时按下Enter键通常会导致表单的自动提交，这在某些场景下可能并不是我们期望的行为。例如，如果表单中有多个输入字段，我们可能希望用户能够在按下Enter键时进行换行（如在文本区域中）...
javascript 回车键触发表单提交的问题
10-29
- 其他表单元素如textarea、select、radio和checkbox不会影响回车键是否触发表单提交的规则。 - type为"image"的input元素，其行为类似于type为"submit"的按钮。尽管如此，建议使用CSS为button添加背景图片，而...
关于enter不触发默认的表单提交问题的解决
艺术就是爆炸的专栏
01-26 899
在文本框中按下回车会触发默认的表单提交， 想要不触发默认的提交而是触发自己另外的逻辑的话，可以在文本框的html代码里加上如下代码： onkeydown="javascript:if(event.keyCode==13) {return false;}"  onkeyup="javascript:if(event.keyCode==13) {document.getElementById("
jQuery实现文本框回车键提交form表单
hyzhang6的博客
12-05 1118
131         $(document).ready(function () {     $("#txtName").keydown(function (e) {       var e = event ||window.event;       if (e.keyCode == 13) {        $("#submit").click()  
按enter回车，会触发button上的事件的原因及解决办法
qq_44754016的博客
01-17 5867
1、一开始是粗暴的禁用回车事件，但是这样会导致其他需要回车触发的事件也执行不了。 ducoment.onkeydown = (e) => { if(e.keyCode == 13) { return false; } } 2、产生这个问题的原因应该是 页面有form表单，有button按钮，因为button上没有加上type属性，导致了按下回车，默认触发了button提交事件。 靠谱的解决办法是 给button 加上type 属性就好了。 我有两个button都没有写type ，然后回车会触
按键盘enter键触发提交啊钮
yooungc的博客
12-16 2544
$('#loginpassword').focus(function(){ document.onkeydown = function (event) { if (event && event.keyCode == 13) { $('input[type=submit]').click(); } } });
文本框回车、submit按钮 提交事件的控制
weixin_30292843的博客
01-12 158
　在浏览器中填写表单的时，可以直接在“文本框”中敲击“Enter”来提交表单，很是方便。条件是： 在IE和Firefox下1、<form>属性的“action”字段必填； 2、有一个type="submit"的“input”。 在Chrome和Safari下满足第一条即可。（注释1） 　　所以，如果要控制提交行为的话（比如，提交前检查必填项是否已填），可以在type="su...
文本框获取焦点后点击回车提交和不提交
yy193728的博客
05-05 2195
文本框获取焦点后点击回车提交和不提交: 在有些时候为了方便，可能有这样的需求，那就是当表单中的文本框获取焦点的时候，点击enter回车键能够实现表单提交功能，但是有些时候我们不希望有类似的功能，比如表单比较庞大，辛辛苦苦填写了半天表单，一个回车误操作，导致表单提交。实现上述两种功能通常使用javascript，其实使用css也是可以粗略做到此功能。 （1）.一个文本框的时候，提交按钮type不
Enter键的触发事件
前端技术的学习整理
07-24 9080
  jQuery实现按Enter键触发事件？ 按Enter触发 $(function(){ document.onkeydown = function(e){ var ev = document.all ? window.event : e; if(ev.keyCode==13) {// 如（ev.ctrlKey &amp;&amp; ev.keyCo...
为什么 form表单中如果只有一个输入框，在输入时按Enter回车键会出发默认事件自动提交表单
最新发布
07-12
按下Enter键会触发表单的默认提交行为，而如果表单只有一个输入框时，浏览器会默认将该输入框的输入内容作为表单的数据，并自动提交表单。这是浏览器为了方便用户操作和提高用户体验而设定的默认行为。 如果你希望...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值