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

Javascript 避免在弹出窗口中输入密钥表单提交,javascript,jquery,form-submit,Javascript,Jquery,Form Submit,我正在使用一个引导弹出窗口。此弹出窗口从主窗体打开 在这个弹出窗口中,我有文本框&一个按钮 <input class="form-control" type="text"> <input type="button" value="Search" onclick="searchEmployee()" /> 当我在弹出的打开时按ENTER键时,主窗体将获得已提交的。主窗体有一个提交按钮 如何避免按下ENTER键时弹出的表单submit 相反,当弹出窗口关闭时,启用输入键

我正在使用一个
引导弹出窗口
。此弹出窗口从
主窗体打开

在这个弹出窗口中,我有
文本框
&一个
按钮

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

当我在弹出的
打开时按ENTER键时,
主窗体
将获得
已提交的
。主窗体有一个提交按钮

如何避免按下ENTER键时弹出的表单
submit

相反,当
弹出窗口关闭时,启用
输入
键提交。

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

根据您想要的具体程度,还有其他方法可以简单地禁用所有提交,最好的方法是标识特定id:

document.getElementById("submitButtonId").disabled = true;
但是您也可以指定哪些提交按钮将被禁用,如果它们与类标识,或者如果您只是希望通过使用
getElementByClass
禁用所有类型的提交,或者可以通过使用
event.preventDefault()实现表单提交的
getElementsByTagName

通过捕获单击ENTER按钮的事件

$('#formid').on("keyup keypress", function(e) {
  var code = e.keyCode || e.which; 
  if (code  == 13) {               
    e.preventDefault();
    return false;
  }
});
根据您想要的具体程度,还有其他方法可以简单地禁用所有提交,最好的方法是标识特定id:

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

但是您也可以指定哪些提交按钮将被禁用,如果它们与类标识,或者如果您只是希望通过使用
getElementByClass
getElementsByTagName
禁用所有类型的提交,则此弹出窗口可用于许多地方,因此,
id
每次都是不同的。@Anup如果提交按钮提供了类,您可以使用
getElementByClass
。如果假定
getElementsByTagName
与某个特定类型的所有元素相匹配,即
submit
,则可以使用
getElementsByName
。此弹出窗口用于许多地方,因此
id
每次都不同。@Anup如果submit按钮具有提供的类,则可以使用
getElementByClass
。如果假定
getElementsByTagName
与某些特定类型的所有元素相匹配,即
submit
,则可以使用
getElementsByTagName。我需要仅在弹出窗口打开时按enter键来阻止用户提交表单。然后,您可以绑定小代码,以防止仅针对模式中的表单提交,并使用
$('.modal form')
我需要仅在弹出窗口打开时按enter键来阻止用户提交表单。然后,您可以绑定小代码,以防止仅针对模式中的表单提交表单,并使用选择器,如
$('.modal form')
$('#formid').on("keyup keypress", function(e) {
  var code = e.keyCode || e.which; 
  if (code  == 13) {               
    e.preventDefault();
    return false;
  }
});