ASP.NET MVC输入内容后按回车键自动将光标定位到下一文本框,然后输入内容后,按回车键提交表单

本文介绍了如何在ASP.NET MVC项目中,利用扫码枪配合回车键实现自动提交表单并按顺序移动光标。在没有提交按钮的情况下,通过JavaScript事件处理,解决了在不同文本框间按回车键切换和防止过早提交的问题。最后,给出了适用于多个文本框场景的处理方式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

项目要求是这样的:用的是扫码枪,扫马枪是自带回车键的,需要先将光标定位在第一个文本框,扫码后(按了回车键)将光标自动定位在下一文本框,然后扫码后(按了回车键)自动提交表单到数据库。
1.怎么在没有提交按钮的情况下按回车键提交表单?
答:
1.1当整个表单只有一个文本框时,无论有没有按钮,按下回车键后,表单都会自动提交。
1.2当整个表单存在一个以上文本框时,
1.21.没有按钮,按下回车键后,表单不会自动提交。
1.22.有按钮,但type=button,按下回车键后,表单不会自动提交
1.23.有按钮,但type=submit,按下回车键后,表单会自动提交。
1.3.公司要求的是在网页上不允许出现按钮,所以我可以将按钮隐藏。这样输入内容后按回车键就可以自动提交了。

 <input type="submit" value="" style="display:none" id="form1" />

又一个问题出现了,这样做的时候,当我扫码到第一个文本框后(自动按了回车键)它就自动地提交了表单,其他文本框内容还没有输入就提交了,所以自然就提交内容错误。这让我很苦恼,所以,
2.有没有禁止文本框提交的方法呢?
感谢网上的各位大牛,我查找到了,就是在文本框的事件内写入

onkeypress="if(event.keyCode==13)return false;"

至于为什么不用onkeyup,是因为我发现用了onkeyup按下回车键后,第一个文本框还是会直接提交表单。

好了,禁止文本框提交的方法找到了,但是这次按下回车键后光标也没有移到下一个文本框。把光标下移的事件和禁止文本框提交分别写后,发现这次禁止文本框提交的事件失效了。
最后我将它们写在一起,目前是成功了,可以实现我想要的效果。

 //jQuery实现在一个输入框按回车键后光标跳到下一个输入框
        function focusNextInput(thisInput) {
            var inputs = 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值