javascript - 如何禁用除提交按钮之外的所有字段的表单提交

Question

如何禁用除提交按钮(ID 名为“提交”)之外的所有输入字段的表单提交。下面的代码有效，但问题是我无法在文本区域中换行。我正在使用 jQuery。我的目标是阻止 Enter 提交表单。

$('form').on('keyup keypress', function(e) {
  var code;
  code = e.keyCode || e.which;
  if (code === 13) {
    e.preventDefault();
    return false;
  }
});

Answer 1

您可以检查输入文本区域是否有焦点。

检查代码片段

(function($) {
  $('form').on('keyup keypress', function(e) {
    if ($("input,textarea").is(":focus")) {
      //input and text area has focus
    } else {
      var code;
      code = e.keyCode || e.which;
      if (code === 13) {
        e.preventDefault();
        console.log('hello');
        return false;
      }
    }
  });
})(jQuery);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="">
  <textarea name="user_eingabe" cols="50" rows="10"></textarea>
  <input type="submit">
</form>