Scribd
Upload
65 views4 pages

Javascript Form Validation

The document discusses using JavaScript to validate different types of form fields, including name, password, email, numbers, and retyping passwords. It provides code examples to validate that a name field is not empty, a password is at least 6 characters, two entered passwords match, a number field only contains numeric values, and an email field contains the correct format with @ and . characters. Validation is done by checking field values on form submit to prevent submission until values pass the validation checks.

Uploaded by

Bhuvnesh Kumar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
65 views4 pages

Javascript Form Validation

The document discusses using JavaScript to validate different types of form fields, including name, password, email, numbers, and retyping passwords. It provides code examples to validate that a name field is not empty, a password is at least 6 characters, two entered passwords match, a number field only contains numeric values, and an email field contains the correct format with @ and . characters. Validation is done by checking field values on form submit to prevent submission until values pass the validation checks.

Uploaded by

Bhuvnesh Kumar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

JavaScript Form Validation

It is important to validate the form submitted by the user because it can have inappropriate values. So,
validation is must to authenticate user.

JavaScript provides facility to validate the form on the client-side so data processing will be faster
than server-side validation. Most of the web developers prefer JavaScript form validation.

Through JavaScript, we can validate name, password, email, date, mobile numbers and more fields.

JavaScript Form Validation Example

In this example, we are going to validate the name and password. The name can’t be empty and
password can’t be less than 6 characters long.

Here, we are validating the form on form submit. The user will not be forwarded to the next page until
given values are correct.

<script>

function validateform(){

var name=document.myform.name.value;

var password=document.myform.password.value;

if (name==null || name==""){

alert("Name can't be blank");

return false;

}else if(password.length<6){

alert("Password must be at least 6 characters long.");

return false;

</script>

<body>

<form name="myform" method="post" action="abc.jsp" onsubmit="return validateform()" >

Name: <input type="text" name="name"><br/>


Password: <input type="password" name="password"><br/>

<input type="submit" value="register">

</form>

JavaScript Retype Password Validation

<script type="text/javascript">

function matchpass(){

var firstpassword=document.f1.password.value;

var secondpassword=document.f1.password2.value;

if(firstpassword==secondpassword){

return true;

else{

alert("password must be same!");

return false;

</script>

<form name="f1" action="register.jsp" onsubmit="return matchpass()">

Password:<input type="password" name="password" /><br/>

Re-enter Password:<input type="password" name="password2"/><br/>

<input type="submit">

</form>

JavaScript Number Validation

validate the textfield for numeric value only. Here, we are using isNaN() function.

<script>

function validate(){
var num=document.myform.num.value;

if (isNaN(num)){

document.getElementById("numloc").innerHTML="Enter Numeric value only";

return false;

}else{

return true;

</script>

<form name="myform" onsubmit="return validate()" >

Number: <input type="text" name="num"><span id="numloc"></span><br/>

<input type="submit" value="submit">

</form>

We can validate the email by the help of JavaScript.

There are many criteria that need to be follow to validate the email id such as:

email id must contain the @ and . character

There must be at least one character before and after the @.

There must be at least two characters after . (dot).

Let's see the simple example to validate the email field.

<script>

function validateemail()

var x=document.myform.email.value;

var atposition=x.indexOf("@");

var dotposition=x.lastIndexOf(".");

if (atposition<1 || dotposition<atposition+2 || dotposition+2>=x.length){


alert("Please enter a valid e-mail address \n atpostion:"+atposition+"\n dotposition:"+dotposition);

return false;

</script>

<body>

<form name="myform" method="post" action="#" onsubmit="return validateemail();">

Email: <input type="text" name="email"><br/>

<input type="submit" value="register">

</form>

The indexOf() method returns the position of the first occurrence of a value in a string.

The indexOf() method returns -1 if the value is not found.

The indexOf() method is case sensitive.

The lastIndexOf() method returns the index (position) of the last occurrence of a specified value in a
string.

The lastIndexOf() method searches the string from the end to the beginning.

The lastIndexOf() method returns the index from the beginning (position 0).

The lastIndexOf() method returns -1 if the value is not found.

The lastIndexOf() method is case sensitive.

You might also like