How to check if an input field is empty in Javascript

admin May 8, 2021October 12, 2021 0 Comments check if input has value javascript, check if input is empty, check if input is empty on submit, check if textbox is empty javascript, check if textbox is empty on button click, form, isempty javascript, js

In this tutorial, we are going to see how to check if an input field is empty or not in JavaScript. Often, users fill out one or more fields on an HTML form before submitting it. You can write a JavaScript form validation script to check whether the required HTML form fields are empty or not.

Script to check if an input field is empty in Javascript

<html>
   <head>
      <script>
         function isEmpty(){
             var str = document.forms['myForm'].firstName.value;
             if( !str.replace(/\s+/, '').length ) {
                  alert( "The Name field is empty!" );
                  return false;
             }
         }
      </script>
   </head>
<body>
   <form name="myForm">
      Name: <input name="firstName" /> 
      <button onclick="return isEmpty()" type="submit" value>Submit</button>
   </form>
</body>
</html>

Result
Name:

Script to check if an input field is empty in Javascript

You May Also Like

How to get image size (height & width) using JavaScript

Difference between PHP and Javascript

How to trigger or pause a CSS animation in Javascript

Leave a Reply Cancel reply