jquery - 在 HTML 表单上制作 Enter 键提交而不是激活按钮

标签 jquery html forms

我有一个 HTML 表单,其中包含单个 submit 输入,还有各种 button 元素。当用户按下“输入”键时,我希望它实际提交表单,但相反(至少在 Chrome 15 中)我发现它触发了第一个 button (因为那在 HTML 中出现的时间早于 submit 输入,我猜)。

我知道一般情况下您不能强制浏览器支持特定的submit 输入,但我真的认为他们更喜欢submit 输入而不是button 元素。我是否可以对 HTML 进行一些小的调整以使其正常工作,或者我是否必须采用某种 Javascript 方法?

这是 HTML 的粗略模型:

<form action="form.php" method="POST">
    <input type="text" name="field1"/>
    <button onclick="return myFunc1()">Button 1</button>
    <input type="submit" name="go" value="Submit"/>
</form>

最佳答案

您不需要 JavaScript 来选择您的默认提交按钮或输入。您只需要用type="submit" 标记它,其他按钮用type="button" 标记它们。在你的例子中:

<button type="button" onclick="return myFunc1()">Button 1</button>
<input type="submit" name="go" value="Submit"/>

关于jquery - 在 HTML 表单上制作 Enter 键提交而不是激活按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8294465/

相关文章:

javascript - 在 Jquery 中选择第一个搜索项而不单击它

javascript - 创建了 jquery 行但没有显示,也没有 on ('hover' ) 方法工作

基于下拉选项加载内容的 PHP 表单

javascript - Jquery 麻烦!!负载 ("");

html - 在不更改 url 的情况下在 Django 页面上提交表单

html - Bootstrap Div 或 Span 类似 form-group input-group-addon

jquery - 使用 jQuery 从 Azure Blob 存储查询 JSON 数据

javascript - fullcalendar:删除最后一个事件后的空格

android - 背景颜色/图像不覆盖移动设备上 div 的宽度

c# - 如何在 C# 中从另一个 cs 文件访问表单对象