如何使用 jQuery 停止表单提交操作？

给定一个表单，任务是使用 jQuery 停止表单的提交操作。

方法 1：在 jQuery 中使用 on() 和 preventDefault() 方法。我们使用on()方法将提交事件附加到表单，这意味着每当提交表单时都会执行此方法中的脚本。有一个参数e代表事件参数或对象。我们对这个事件使用preventDefault()方法来阻止表单的默认操作，即阻止表单提交。

例子：

HTML



  

    
    
      
    

  

    GeeksforGeeks
  
    
        
            Details
            First name:
            
            


            Last name:
            
            


            Gender : 
             Male
             Female 


            Email:

HTML



  

    
    
      
    

  

    GeeksforGeeks
  
    
        
            Details
            First name:
            
            


            Last name:
            
            


            Gender : 
             Male
             Female 


            Email:

输出：

方法 2：使用 jQuery 库中的 submit() 方法。我们还向表单附加了一个提交事件，但这里我们使用的是submit()方法而不是on()方法。在此方法中，我们简单地返回false以便不执行表单的默认操作。

例子：

HTML



  

    
    
      
    

  

    GeeksforGeeks
  
    
        
            Details
            First name:
            
            


            Last name:
            
            


            Gender : 
             Male
             Female 


            Email:

输出：