按enter键表单自动提交

分手后的思念是犯贱 2022-07-15 12:13 132阅读 0赞

当表单只有一个为text的input时，在该input按下enter键，表单会自动提交，我以前的代码，只有一个为text的input，一回车就提交表单

<form id="gform" action="${ROOT_PATH}/tdp/dev/zbfa/toChooseAppointMember.do" method="post">
    	<input type="hidden" name="hynames" id="hynames" value="$!group.hynames"/>
    	<input type="hidden" name="hydms" id="hydms" value="$!group.hydms"/>
    	<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="Plright_Sch">
    		<tr>
    		<td align="right">添加会员：</td>
    			<td align="left">
    				
    				<input type="text" name="addhyname" id="addhyname" value="$!{query.addhyname}" maxlength="125"/>
    			</td>
    		</tr>
    	</table>
    </form>

找到两个解决办法

1.在input添加按键监控，一旦是enter，就返回false。

2.在表单中添加一个type为text的input，css设置为不显示

我采用第二种，解决了

<form id="gform" action="${ROOT_PATH}/tdp/dev/zbfa/toChooseAppointMember.do" method="post">
    	<input type="hidden" name="hynames" id="hynames" value="$!group.hynames"/>
    	<input type="hidden" name="hydms" id="hydms" value="$!group.hydms"/>
    	<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="Plright_Sch">
    		<tr>
    			<td align="right">添加会员：</td>
    			<td align="left">
    				
    				<input type="text" name="addhyname" id="addhyname" value="$!{query.addhyname}" maxlength="125" οnkeyup="doSubmit(event);"/>
    				  
    				<input type="text" style="display:none">
    			</td>
    		</tr>
    	</table>
    </form>

最后给我给input加上按键监控，按下enter键调用我需要的js方法

//按下enter，提交数据
    function doSubmit(ev){
    	var keycode = getKeyCode(ev);
    	if (keycode==13)
    		//添加会员方法
    		addMember();
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，132人围观）

还没有评论，来说两句吧...

相关阅读

相关 ajax提交时表单自动提交，阻止表单的默认提交事件

一、问题描述在改版pc一个动态发布页面的时候页面使用的form表单提交页面数据其中在页面中有一个人员选择的搜索按钮按钮上绑定了点击事件触发ajax !...

逃离我推掉我的手/ 2024年04月17日 17:39/ 0 赞/ 29 阅读

相关 js按Enter键实现登录

function keyLogin(){ if (event.keyCode==13){ //回车键的键值为13 $("x...

偏执的太偏执、/ 2024年04月17日 05:52/ 0 赞/ 16 阅读

相关按 Enter 阻止用户提交表单

问：我在网站上进行了一项调查，用户按 Enter 键（我不知道为什么）并在未单击提交按钮的情况下意外提交了调查（表单）似乎存在一些问题。有没有办法防止这种情况？我在

落日映苍穹つ/ 2024年03月30日 17:50/ 0 赞/ 9 阅读

相关 html禁止form表单提交表单提交,onsubmit阻止表单提交

在实际开发中往往会遇到检查表单数据的合法性，如果数据不合法，就不让其提交。 Bootstrap 实例 - 提交表单验证 //---> function checksubm

骑猪看日落/ 2022年10月07日 11:57/ 0 赞/ 372 阅读

相关按enter键表单自动提交

当表单只有一个为text的input时，在该input按下enter键，表单会自动提交，我以前的代码，只有一个为text的input，一回车就提交表单 <form i

分手后的思念是犯贱/ 2022年07月15日 12:13/ 0 赞/ 133 阅读

相关按enter键表单自动提交

当表单只有一个为text的input时，在该input按下enter键，表单会自动提交，我以前的代码，只有一个为text的input，一回车就提交表单 <form i

深碍√TFBOYSˉ_/ 2022年07月15日 12:13/ 0 赞/ 125 阅读

相关 form表单按enter提交的问题

如果表单里有一个type=”submit”的按钮，回车键生效。如果表单里只有一个type=”text”的input，不管按钮是什么type，回车键生效。如果不希望其

快来打我*/ 2022年06月07日 14:12/ 0 赞/ 168 阅读

相关 ASP.NET防止按F5键造成表单重复提交

F5键会引起表单重复提交，做过asp.net相信都会遇到过这个问题。　　最有效的是一篇发表在MSDN的方法　　原理如下：　　　　在asp.n

你的名字/ 2022年01月06日 05:29/ 0 赞/ 165 阅读

相关利用selenium自动提交表单

1. 安装selenium pip --trusted-host pypi.tuna.tsinghua.edu.cn install selenium pip --tru

桃扇骨/ 2021年07月26日 22:58/ 0 赞/ 361 阅读

相关 form表单按enter键自动提交的问题

1：`form`表单按`enter`键自动提交的情况 <!doctype html> <html lang="en"> <head> <

骑猪看日落/ 2021年06月26日 16:06/ 0 赞/ 590 阅读