javascript - 当表单内某个输入框上的 keypress = 13 时，阻止表单提交

Question

美好的一天，

任何人都可以帮助我，每当我在表单内的某个输入框中按“Enter”键时，如何阻止我的表单提交。

我有一个表，可以在其中动态添加/删除行。我还有一个输入框，用户可以在其中输入/输入他/她想要添加的行数。我想要做的是，当用户在添加行输入框上时，可以按 Enter 键而不是单击添加行按钮，而无需实际提交表单。

这是我的js:

$("#toBeAdded").bind("keyup",function(e){
  var code = e.keyCode || e.which;
   if(code == 13) { //Enter keycode
     console.log("enter");
      return false;
     e.preventDefault();
    }

});

我的html

<form>
 <div>
 <input name='amout'></amount><input name='qty'></amount>..etc
 </div>

 <input type="text" id="toBeAdded" class="form-control">
  <div class="input-group-btn ">
    <button type="button" id="btnAddRow" class="btn btn-primary ">Add Row</button>
  </div>
 </form>

上面的代码不起作用，它确实显示日志消息，但随后它会提交表单。有什么想法请提出来

Answer 1

将 keyup 事件更改为 keydown

$("#toBeAdded").on("keydown",function(e){

操作发生后您将无法取消。