Scribd
Upload
12 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
Available Formats
Download as PDF, TXT or read online on Scribd
12 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
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