如何使用 jQuery 在输入按钮上禁用表单提交？

提交表单有两种方法，

• 使用“回车”键：当用户从键盘按下“回车”键时，表单提交。此方法仅在相关表单中的一个(或多个)元素具有焦点时才有效。
• 使用“鼠标点击”：用户点击“提交”表单按钮。

方法：首先，我们需要选择表单。这是使用查询选择器完成的： $("#form-id")现在，我们需要处理表单提交过程。为此，我们使用事件处理。由于我们需要用户是否按下回车键，我们在每个按键事件on("keypress", function (event) {} )添加一个事件监听器： on("keypress", function (event) {} )

此事件处理程序将检查每次键盘按下，因此我们需要检查“回车”键。为此，我们可以使用event.keyCode或event.which;

event.keyCode： “keyCode”属性返回触发 keypress 事件的键的 Unicode字符代码。
event.which： “which”属性返回为事件按下的键盘键(或鼠标按钮)。
现在，我们知道按下了回车键，我们需要停止默认行为。为此，我们调用了 jQuery 方法 preventDefault() 以停止事件传播。 preventDefault()

preventDefault()：如果该事件是可取消的，则该方法取消该事件，这意味着属于该事件的默认动作将不会发生。

例子：

 
 
  
 
     
        Disable form submission on 
        pressing enter key
     
  
     
        body { 
            display: block; 
            margin-top: 8%; 
        } 
        h1 { 
            color:green; 
            text-align:center; 
        } 
        form {
            display: block; 
            margin: 0 auto;
            text-align: center;
        }
        input {
            margin: 4px;
        }
     
  
    
 
  
 
    GeeksforGeeks 
      
    
  
        First name:
        
        
          
        Last name:
        
        
  
        
     
      
     
        $(window).ready(function() {
        $("#form-id").on("keypress", function (event) {
            console.log("aaya");
            var keyPressed = event.keyCode || event.which;
            if (keyPressed === 13) {
                alert("You pressed the Enter key!!");
                event.preventDefault();
                return false;
            }
        });
        });
  
     
 
  
                    

输出：