jquery按回车键实现表单提交代码

封面图 • 2025-05-02 • jQuery

你可以使用 jQuery 来监听表单输入框的回车键事件，并在按下回车时提交表单。以下是一个简单的示例代码：

### HTML 代码：
```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>jQuery 按回车提交表单</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>

// 或者也可以直接监听表单的 submit 事件
            $('#myForm').submit(function(event) {
                event.preventDefault(); // 防止默认提交行为
                alert('表单已提交！');
                // 在这里可以添加你的表单处理逻辑
            });
        });
    </script>

</body>
</html>
```

### 解释：
1. **HTML部分**：一个简单的表单，包含一个输入框和一个提交按钮。
2. **jQuery部分**：
   - 使用 `$('#inputField').keypress()` 监听输入框的按键事件。
   - 当按下回车键（`event.which === 13`）时，调用 `$('#myForm').submit()` 提交表单。
   - 你还可以通过 `$('#myForm').submit()` 来捕获表单提交事件，并在其中执行自定义的逻辑。

这样，当用户在输入框中按下回车键时，表单会自动提交。