提交表单问题... Enter 键

Posted 2023-02-24

技术标签:

【中文标题】提交表单问题... Enter 键【英文标题】：Submit Form problem... Enter key 【发布时间】：2010-12-06 18:16:32 【问题描述】：

我有一个包含几个下拉列表和一个文本字段以及一个按钮的表单...

当我点击按钮时，一个 ajaxfunction 被调用...然后 ajax 调用一个从 mysql db 获取结果的 php 函数...

问题是我不能通过在表单中按回车来做同样的事情，页面只是被刷新了......

这解释了，我认为表单已提交，但在输入时忽略了 ajaxfunction，即使我在表单标签中有“onSubmit="AjaxFunction();”...

有什么想法吗？

有没有人知道在输入时忽略表单提交的方法？或者在按下回车键时点击按钮？

谢谢...

【问题讨论】：

【参考方案1】：

将您的 onsubmit 更改为 onsubmit="return AjaxFunction();"并从您的 AjaxFunction 返回 false。这将阻止表单提交。

【讨论】：

【参考方案2】：

我知道有点晚了，但这里有另一个解决方案供您考虑..

（来自：form with no action and where enter does not reload page）

将此事件添加到您的文本字段。它将阻止按 Enter 提交，您可以根据需要随意添加提交按钮或调用 form.submit()：

onKeyPress="if (event.which == 13) return false;"

例如：

<input id="txt" type="text" onKeyPress="if (event.which == 13) return false;"></input>

【讨论】：

以上是关于提交表单问题... Enter 键的主要内容，如果未能解决你的问题，请参考以下文章