Disable the Enter Key on Form Submission with JavaScript

02/14/2022
Contents
In this article, you will learn how to disable the enter key on form submission with JavaScript.
Disable the enter key on form submission
There are several ways to prevent it from being submitted when the Enter key is pressed, but the most versatile method is to determine the key entered in the form.
Specifically, it disables the input of the Enter key.
The sample code looks like this:
document.getElementById("form").onkeypress = (e) => {
// Get the key entered in form
const key = e.keyCode || e.charCode || 0;
// 13 is the key code for the Enter key
if (key == 13) {
// Disable the enter key
e.preventDefault();
}
}