Setting the password length in JavaScript – Source code example with form validation

In this tutorial, we will try to learn that how to set the password length in JavaScript and how to validate the form.

The logic for Setting the password length in JavaScript

First of all, we will find the length of the password and then validate the length by using the following logic;

if(textBox.value=='' || textLength<3 || textLength>6)

{

alert('Please enter correct password');

}

else

{

alert('thank you for nice password');

}

if(textBox.value=='' || textLength<3 || textLength>6)

{

alert('Please enter correct password');

}

else

{

alert('thank you for nice password');

}

Program for Setting the password length in JavaScript

<html>
<head>
 <script type="text/javascript">
        function passwordLength()
                    //passwordLength is user define function define by us.
                    //function is keyword  
{
     var textBox = document.getElementById("password");
                    //var is keyword representing the variable.
                    //textbox is name of a variable
                  
       var textLength = textBox.value.length;
                    //getting the length of textbox and store the length in variable textLength 

         if(textBox.value=='' || textLength<3 || textLength>6)
                   //password length is valid only if password length is greater than 2 and less than 7.
         {
          alert('Please enter correct password');
         }
		 else
		 {
		 alert('thank you for nice password');
		 }
}
    </script>
	</head>
<body>
 Enter password:
<input type="password" id="password" />
<input type="button" id="btnSubmit" value="Submit the password" onclick="return passwordLength()" />
          
</body>
</html>

<html>

<head>

function passwordLength()

//passwordLength is user define function define by us.

//function is keyword

{

var textBox = document.getElementById("password");

//var is keyword representing the variable.

//textbox is name of a variable

var textLength = textBox.value.length;

//getting the length of textbox and store the length in variable textLength

if(textBox.value=='' || textLength<3 || textLength>6)

//password length is valid only if password length is greater than 2 and less than 7.

{

alert('Please enter correct password');

}

else

{

alert('thank you for nice password');

}

</script>

</head>

<body>

Enter password:

</body>

</html>

There are many other methods to validate the length of the password. You can also validate the length using regular expression and JQuery.

Hopefully, now, you are able to write a program for validating the password length in javascript.

Topic Covered

Setting the password length in JavaScript – Source code example with form validation.

List of All Programs of Javascript : Click Here .

Author
Recent Posts

Prof. Fazal Rehman Shamil

CEO @ T4Tutorials.com
I welcome to all of you if you want to discuss about any topic. Researchers, teachers and students are allowed to use the content for non commercial offline purpose. Further, You must use the reference of the website, if you want to use the partial content for research purpose.

Latest posts by Prof. Fazal Rehman Shamil (see all)

List of Public service commissions - August 31, 2020
Comparison of fee structure of Pakistani Universities - June 1, 2020
Past Guess Paper of Auditing - May 12, 2020

Share to support

Setting the password length in JavaScript – Source code example with form validation

Setting the password length in JavaScript – Source code example with form validation

Subscribe for Friendship

Buy advertisement space on T4Tutorials