javascript - 避免仅在按 Enter 键时提交表单

标签 javascript jquery forms

我有一种表单,其中有一些输入以及文本区域,如下所示。

<form id="my_form" action="/action_page.php">
  First name:<br>
  <input type="text" name="firstname">
  <br>
  Last name:<br>
  <input type="text" name="lastname">
  <br>
  Note:<br>
  <textarea id="note" name="note"></textarea>
  <br>
  <input type="submit" value="Submit">
</form> 

我必须在按 Enter 键时禁用表单提交。仅应单击提交按钮才能提交表单。

我找到了this stackoverflow上的解决方案,所以我写了下面的代码。

$("#my_form").keypress( function( e ) {
    var code = e.keyCode || e.which;
    if ( code == 13 ) {
        e.preventDefault();
        return false;
    }
});

它工作正常,但不允许在按 Enter 键时在文本区域中输入换行符。我如何实现这一目标?

最佳答案

用这个按钮替换你的按钮

<button type="button" onclick="formSubmit()">Submit</button>

然后使用 JavaScript 处理提交事件,如下所示。

function formSubmit() { 
    //here your code
} 

关于javascript - 避免仅在按 Enter 键时提交表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53909777/

相关文章:

javascript - 通过第一列制作可扩展的表格 View 单元格

php - Drupal:如何在与表单相同的页面上呈现表单结果

javascript - 使用 jquery 正则表达式对空电子邮件地址进行验证

Jquery移动: ui-state=dialog

正确完成 JavaScript 拖放和选择功能

ruby-on-rails-3 - 轨道 3 : Modify error message prefix for form validation

php - 使用 javascript 到 php 的表单验证

Javascript - 仅从 textarea 中选择前 5 个非空行

javascript - 跨浏览器右键单击插件与jquery?

javascript - $regex 在 MongoDB 中不起作用