按enter键表单自动提交

深碍√TFBOYSˉ_ 2022-07-15 12:13 172阅读 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 条评论，172人围观）

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

相关阅读

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

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

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

相关 element input点击enter键后自动提交跳转页面

1. 我的代码是这样的form下就只有一个input和button ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_a

清疚/ 2023年01月13日 01:56/ 0 赞/ 41 阅读

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

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

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

相关按enter键表单自动提交

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

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

相关按enter键表单自动提交

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

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

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

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

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

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

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

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

相关表单提交

form表单提交可以使用以下两种方式 1. input <input class="btn btn-main" type="submit" placeholder

太过爱你忘了你带给我的痛/ 2021年09月28日 22:34/ 0 赞/ 542 阅读

相关利用selenium自动提交表单

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

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

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

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

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