如何使用 jQuery 在 Enter 按钮上提交表单？

给定一个 HTML 表单，任务是在使用 jQuery 单击“Enter”按钮后提交表单。要使用“Enter”按钮提交表单，我们将使用 jQuery keypress() 方法并检查“Enter”按钮是否被按下，我们将使用“Enter”按钮键代码值。

  

    
    
    
    

  

    
        GeeksforGeeks
    
  
    
        
        
        Submit
    

  

JavaScript 代码：

  
    // Wait for document to load
    $(document).ready(() => {
        $('.info').on('submit', () => {
  
            // prevents default behaviour
            // Prevents event propagation
            return false;
        });
    });
    $('.info').keypress((e) => {
  
        // Enter key corresponds to number 13
        if (e.which === 13) {
            $('.info').submit();
            console.log('form submitted');
        }
    })

解释：
我们使用 jQuery event.which检查按键上的键码。回车键的键码是 13，所以如果键码匹配到 13，那么我们使用表单元素上的 .submit() 方法来提交表单。

完整代码：

  

    
    
    
    

  

    
        GeeksforGeeks
    
    
        
        
        Submit
    
  
    
        $(document).ready(() => {
            $('.info').on('submit', () => {
                return false;
            });
        });
        $('.info').keypress((e) => {
            if (e.which === 13) {
                $('.info').submit();
                alert('Form submitted successfully.')
            }
        })
    

  

输出：