防止按 Enter 键时提交表单

发布于 2024-11-14 19:16:21 字数 187 浏览 1 评论 0原文

我们怎样才能防止按下回车键时提交表单。

实际上我有一个文本框,在该文本框中输入一个值并单击输入时,textbox2 将获得焦点。

默认情况下,单击输入按钮后将提交表单。所以我无法得到输出。我在提交按钮的 onclick 事件上写了 return false 然后它就起作用了。 所以我想知道如何防止按 Enter 时提交表单。

how can we prevent a form from being submitted while pressing enter key.

Actually I have a text box and on entering a value on that textbox and clicking enter the textbox2 will get focused.

By default on clicking the enter button the form will get submitted. So I can not get the out put. I wrote return false on onclick event of the submit button then it works.
So I would like to know how can we prevent a form submission while pressing enter.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

裂开嘴轻声笑有多痛 2024-11-21 19:16:21

在不查找实际代码的情况下,以下是我如何做到这一点背后的基本理论:

在文档上为按下的键调用函数定义一个事件处理程序。

如果触发事件的按键是 Enter/Return 键,则返回 false,否则返回 true

编辑:看起来您已经找到了答案(以及一些代码来做到这一点),所以我的答案现在有些不必要。

Without looking up the actual code, here's the basic theory behind how I'd do it:

Define an event handler on the document for a key being pressed to call a function.

If the key that triggered the event is the enter/return key, return false, otherwise return true.

EDIT: Looks like you already found the answer (as well as some code to do it), so my answer is somewhat unnecessary now.

二智少女猫性小仙女 2024-11-21 19:16:21

编写“onKeyPress”形式,如“ { var key; if(window.event) key = window.event.keyCode; else key = e.which; //firefox return (key != 13); }< /code> ” 会起作用。

Writing 'onKeyPress' of the form like " { var key; if(window.event) key = window.event.keyCode; else key = e.which; //firefox return (key != 13); } " will work.

野却迷人 2024-11-21 19:16:21

我所做的是将 onsubmit="return false;" 添加到

标记。
这也将禁用提交按钮,但是要创建一个有效的提交按钮,请使用

<input type="button" value="Submit" onclick="javascript:document.form.submit();" />

what i do is add onsubmit="return false;" to the <form> tag.
this will also disable the submit button however to create a working submit button use

<input type="button" value="Submit" onclick="javascript:document.form.submit();" />
漆黑的白昼 2024-11-21 19:16:21

这应该有效

<form onsubmit="return false;">
    //Form elements
</form>

This should work

<form onsubmit="return false;">
    //Form elements
</form>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文