项目要求是这样的:用的是扫码枪,扫马枪是自带回车键的,需要先将光标定位在第一个文本框,扫码后(按了回车键)将光标自动定位在下一文本框,然后扫码后(按了回车键)自动提交表单到数据库。
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 =

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

被折叠的 条评论
为什么被折叠?



