Scribd
Upload
14 views

Form Validations Code

HTML form validation document In which you learn how to validate a form

Uploaded by

Abhinav kumar
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
14 views

Form Validations Code

HTML form validation document In which you learn how to validate a form

Uploaded by

Abhinav kumar
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/ 4

Form validations:

<html>
<head>
<script>
function check() {
var name =
document.forms.RegForm.Name.value;
var email =
document.forms.RegForm.EMail.value;
var phone =
document.forms.RegForm.Telephone.value;
var what =
document.forms.RegForm.Subject.value;
var password =
document.forms.RegForm.Password.value;
var address =
document.forms.RegForm.Address.value;
var regEmail=/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/g;
//Javascript reGex for Email Validation.
var
regPhone=/^\d{10}$/; // Javascript reGex
for Phone Number validation.
var regName = /\d+$/g; //
Javascript reGex for Name validation

if (name == "" || regName.test(name)) {


window.alert("Please enter your name properly.");
name.focus();
return false;
}

if (address == "") {
window.alert("Please enter your address.");
address.focus();
return false;
}

if (email == "" || !regEmail.test(email)) {


window.alert("Please enter a valid e-mail address.");
email.focus();
return false;
}

if (password == "") {
alert("Please enter your password");
password.focus();
return false;
}
Form validations:
if(password.length <6){
alert("Password should be atleast 6 character long");
password.focus();
return false;

}
if (phone == "" || !regPhone.test(phone)) {
alert("Please enter valid phone number.");
phone.focus();
return false;
}

if (what.selectedIndex == -1) {
alert("Please enter your course.");
what.focus();
return false;
}

return true;
}
</script>

<style>
div {
box-sizing: border-box;
width: 100%;
border: 100px solid black;
float: left;
align-content: center;
align-items: center;
}

form {
margin: 0 auto;
width: 600px;
}
</style>
</head>

<body>
<h1 style="text-align: center;">REGISTRATION FORM</h1>
<form name="RegForm" onsubmit="return check()" method="post">

<p>Name: <input type="text"


size="65" name="Name" /></p>

<br />
Form validations:
<p>Address: <input type="text"
size="65" name="Address" />
</p>

<br />

<p>E-mail Address: <input type="text"


size="65" name="EMail" /></p>

<br />

<p>Password: <input type="text"


size="65" name="Password" /></p>

<br />

<p>Telephone: <input type="text"


size="65" name="Telephone" /></p>

<br />

<p>
SELECT YOUR COURSE
<select type="text" value="" name="Subject">
<option>BTECH</option>
<option>MTECH</option>
<option>PHD</option>
<option>MCA</option>
</select>
</p>

<br />
<br />

<p>Comments: <textarea cols="55"


name="Comment"> </textarea></p>

<p>
<input type="submit"
value="send" name="Submit" />
<input type="reset"
value="Reset" name="Reset" />
</p>

</form>
</body>
Form validations:
</html>

You might also like