---
title: "Validation in java script"  
description: "We can use java script to validate user input in html form such as correctness of data. We can use java script to validate required field, email etc."  
author: "Anonymous User"  
published: 2011-03-15  
updated: 2019-09-07  
canonical: https://www.mindstick.com/articles/510/validation-in-java-script  
category: "javascript"  
tags: ["javascript"]  
reading_time: 2 minutes  

---

# Validation in java script

We can use java script to validate user input in html form such as correctness of data. We can use java script to validate required field, email etc. In this demonstration we learn how to validate use input by using java script.\

##### Validating Required Field

Following code snippet create a user form in which we can check required filed validation.

##### Code:

```
<body>     <table border="1" cellpadding="0" cellspacing="0">        <tr style="visibility:hidden;" id="errorRow">            <td colspan="2">                <p id="errorMessage" style="color:Red">                                </p>            </td>        </tr>        <tr>            <td>Login Name</td>            <td><input type="text" id="txtLoginName" /></td>        </tr>        <tr>            <td>Password</td>            <td><input type="password" id="txtPassword" /></td>        </tr>        <tr>            <td colspan="2" align="center">                <input type="button" onclick="btnSubmit()" value="Log In" />                <input type="reset" style="margin-left:10px;" value="Clear Content" />            </td>        </tr>     </table></body>
```

On click event of button write down following line of code in java script to validate user input

##### Code:

```
<script type="text/javascript">        function btnSubmit() {            var errArray =  "";            if (document.getElementById("txtLoginName").value.length == 0)                errArray = "1. Login name field should not be empty.<br />";            if (document.getElementById("txtPassword").value.length == 0)                errArray = errArray + "|" + "2. Password field should not be empty.<br />";            if (errArray.length > 1) {                document.getElementById("errorMessage").innerHTML = errArray;                document.getElementById("errorRow").style.visibility = "visible";            }            else {                document.getElementById("errorRow").style.visibility = "collapse";            }        }</script>
```

##### Output of the following code snippet is as follows

![Validation in java script](https://www.mindstick.com/mindstickarticle/79ef7dd1-6889-43a2-a9e9-23ddf4aa1766/images/cb1a1410-319f-4274-b7e8-cde4892ccbf3.png)

Without entering any value in text field if we click on Log In button then following error message is shown….

![Validation in java script](https://www.mindstick.com/mindstickarticle/79ef7dd1-6889-43a2-a9e9-23ddf4aa1766/images/131cdef5-0f84-4a96-8570-930c5bd10a56.png)

After entering value in both fields when we click on Log In button then error messages are invisible.

![Validation in java script](https://www.mindstick.com/mindstickarticle/79ef7dd1-6889-43a2-a9e9-23ddf4aa1766/images/3232a31d-66e5-4a40-9210-23fb7cdb1cc1.png)

---

Original Source: https://www.mindstick.com/articles/510/validation-in-java-script

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.
