Check if value is empty in JavaScript

JavascriptWeb DevelopmentObject Oriented Programming

Use the condition with “” and NULL to check if value is empty. Throw a message whenever ua ser does not fill the text box value.

Example

 Live Demo

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<form name="register" onsubmit="return checkingUserName()">
USERNAME: <input type="text" name="username">
<input type="submit" value="Save">
</form>
<script>
   function checkingUserName() {
      var username = document.forms["register"]["username"].value;
      if (username == null || username == "") {
         alert("Please enter> the username. Can’t be blank or empty !!!");
         return false;
      }
   }
</script>
</body>
</html>

To run the above program, save the file name “anyName.html(index.html)” and right click on the file. Select the option “Open with Live Server” in VS Code editor.

Output

This will produce the following output −

On clicking the Save button, you will get the following alert along with a message −

raja
Published on 01-Sep-2020 15:41:45
Advertisements