Scribd
Upload
89 views7 pages

Validation JS

The document discusses different methods of validating forms using JavaScript, including validating that a name field is not empty, a password field is at least 6 characters, passwords match on re-entry, a number field only contains numeric values using isNaN(), and email validation by checking for an @ symbol and that there is at least one character before and after the @ and two characters after the . symbol. Examples of validation code are provided.

Uploaded by

Sidharth Gill
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
89 views7 pages

Validation JS

The document discusses different methods of validating forms using JavaScript, including validating that a name field is not empty, a password field is at least 6 characters, passwords match on re-entry, a number field only contains numeric values using isNaN(), and email validation by checking for an @ symbol and that there is at least one character before and after the @ and two characters after the . symbol. Examples of validation code are provided.

Uploaded by

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

JavaScript Form Validation

JavaScript provides a facility to validate the form on the client-side so data processing will be
faster than server-side validation. Most web developers prefer JavaScript form validation.
It is important to validate the form submitted by the user because it can have inappropriate
values. So, validation is a must to authenticate users.

JavaScript Form Validation Example


In this example, we are going to validate the name and password. The name can’t be empty and
the password can’t be less than 6 characters long.
<html>
<body>
<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="http://www.javatpoint.com/javascriptpages/valid.jsp" onsubmit="return validateform()"
>
Name: <input type="text" name="name"><br/>
Password: <input type="password" name="password"><br/>
<input type="submit" value="register">
</form>
</body>
</html>
JavaScript Retype Password Validation
<!DOCTYPE html>
<html>
<head>
<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>
</head>
<body>

<form name="f1" action="http://www.javatpoint.com/javascriptpages/valid.jsp"


onsubmit="return matchpass()">
Password:<input type="password" name="password" /><br/>
Re-enter Password:<input type="password" name="password2"/><br/>
<input type="submit">
</form>

</body>
</html>
JavaScript Number Validation
Let's validate the text field for numeric value only. Here, we are using the isNaN() function.

<!DOCTYPE html>
<html>
<head>
<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>
</head>

<body>
<form name="myform" action="http://www.javatpoint.com/javascriptpages/valid.jsp"
onsubmit="return validate()" >
Number: <input type="text" name="num"><span id="numloc"></span><br/>
<input type="submit" value="submit">
</form>

</body>
</html>
JavaScript email validation
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).

<html>
<body>
<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="http://www.javatpoint.com/javascriptpages/valid.jsp" onsubmit="return
validateemail();">
Email: <input type="text" name="email"><br/>

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


</form>
</body>
</html>

You might also like