Javascript 按enter键输入1时防止提交表单

Javascript 按enter键输入1时防止提交表单,javascript,html,forms,html-input,Javascript,Html,Forms,Html Input,我已经看到了,但我想在按enter键仅输入1次时禁用表单提交 Javascript <form id="form"> <input type="text" name="enterNotDisabled"> <input type="text" name="enterDisabled"> <button type="submit"> </form> <script type="text/javascript">

我已经看到了,但我想在按enter键仅输入1次时禁用表单提交


Javascript

<form id="form">
  <input type="text" name="enterNotDisabled">
  <input type="text" name="enterDisabled">
  <button type="submit">
</form>

<script type="text/javascript">
    document.querySelector("#form").addEventListener("submit", function(e){
        console.log('event')
        e.preventDefault();
    });

</script>

document.querySelector(“表单”).addEventListener(“提交”,函数(e){
console.log('事件')
e、 预防默认值();
});
jQuery

<form id="form">
  <input type="text" name="enterNotDisabled">
  <input type="text" name="enterDisabled">
  <button type="submit">
</form>

<script type="text/javascript">
    $('#form').submit(function(ev) {
        console.log('event')
        ev.preventDefault();
    });

</script>

$('表格')。提交(功能(ev){
console.log('事件')
ev.preventDefault();
});
只需捕获该字段上的“回车”键事件

简单的例子:

<form>
  <input type="text" name="enterNotDisabled">
  <input type="text" name="enterDisabled" id="input2">
  <button type="submit">
</form>

不要将eventListener添加到窗口中(如链接中所做的),而是将其添加到不希望触发表单submit的特定输入中。
function catchSubmit(evt) {
  if (evt.code === 'Enter') {
        evt.preventDefault();  
  }
}
document.getElementById('input2').addEventListener('keypress', catchSubmit, false);