How to add form validation for empty input fields with JavaScript.
Step 1 : Create a Simple input field in HTML
<h2>Input field validation via JavaScript</h2> <p>Press Submit button without entering any text.</p> <form name="myForm" action= "/action_page.php" onsubmit="return validateForm()" method="post" required> Name: <input type="text" name="fname"> <input type="submit" value="Submit"> </form>
Step 2: Add JavaScript
function validateForm() { var x = document.forms["myForm"]["fname"].value; if (x == "" || x == null) { alert("Name must be filled out"); return false; } }
Output and Full Code
How to add form validation for empty input fields with JavaScript.
You may Also Like