Question

我正在使用Bootstrap Pop up。弹出窗口从Main Form打开。

在这个弹出窗口中，我有TextBox＆amp; Button。

<input class="form-control" type="text">
<input type="button" value="Search" onclick="searchEmployee()" />

当Pop up打开时，如果我按 ENTER 键，Main Form会获得submitted。主表单有一个提交按钮。

如何在按下 ENTER 按键时弹出窗体submit？

相反，当ENTER关闭时，启用pop up密钥提交。

Answer 1

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

Answer 2

通过捕获单击 ENTER 按钮的事件，使用event.preventDefault();可以实现表单提交的

Disabling the default behavior。

还有其他方法可以简单地禁用所有提交，具体取决于您希望的具体方式，最佳方法是识别特定ID：

document.getElementById("submitButtonId").disabled = true;

但是，您还可以指定哪些提交按钮被识别为某个类，或者您只是希望使用getElementByClass或getElementsByTagName禁用所有类型的提交。< / p>

避免在弹出窗口中输入密钥表单提交

2 个答案: