Sunteți pe pagina 1din 7

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.

0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

<style>

.error

color:#F00;

border:#F00 1px solid;

box-shadow:#F00 2px 3px 4px;

.success

color:#063;

border:#063 1px solid;

box-shadow:#063 2px 3px 4px;

</style>

</head>

<body>

<fieldset>

<legend>Sign Up Form</legend>

<form>
<p><label>Username</label> <input type="text" onkeyup="chk1();" name="user" id="user"
placeholder="Enter UserName" /></p>

<p><label>Email</label> <input type="email" name="email" onkeyup="chk1();" id="email"


placeholder="Enter Email"/></p>

<p><label>Contact</label> <input type="number" onkeyup="chk1();" name="contact" id="contact"


placeholder="Enter Contact"/></p>

<p><label>Dob</label> <input type="date" name="dob" id="dob" onkeyup="chk1();"


placeholder="Enter Date Of Birth"/></p>

<p><label>Country</label> <select name="country" id="country" onchange="chk1();" >

<option value="">Select Country</option>

<option>India</option>

<option>Nepal</option>

<option>Bhutan</option>

<option>Pakistaan</option>

<option>Japan</option>

<option>China</option>

<option>USA</option>

</select> </p>

<p><label>Password</label> <input type="password" onkeyup="chk1();" name="pass" id="pass"


placeholder="Enter Password"/></p>

<p><label>C Password</label> <input type="password" onkeyup="chk1();" name="cpass" id="cpass"


placeholder="Enter C-Password"/></p>

<p> <button type="submit" onclick="return chk();">Sign Up</button> </p>

</form>

</fieldset>

</body>

<script>

function chk()

var user=document.getElementById("user");
var email=document.getElementById("email");

var pass=document.getElementById("pass");

var contact=document.getElementById("contact");

var dob=document.getElementById("dob");

var country=document.getElementById("country");

var cpass=document.getElementById("cpass");

if(user.value=="")

alert("Username can't be left blank.");

//user.style.border="red 1px solid";

//user.style.boxShadow="red 2px 3px 4px";

user.className="error";

user.focus();

return false;

if(email.value=="")

alert("Email can't be left blank.");

email.focus();

return false;

if(contact.value=="")

alert("Contact can't be left blank.");

contact.focus();

return false;

if(dob.value=="")
{

alert("Dob can't be left blank.");

dob.focus();

return false;

if(country.value=="")

alert("Please Select Country .");

country.focus();

return false;

if(pass.value=="")

alert("Password can't be left blank.");

pass.focus();

return false;

if(pass.value!=cpass.value)

alert("Confirm Password does not match.");

cpass.focus();

return false;

function chk1()

var user=document.getElementById("user");

var email=document.getElementById("email");
var pass=document.getElementById("pass");

var contact=document.getElementById("contact");

var dob=document.getElementById("dob");

var country=document.getElementById("country");

var cpass=document.getElementById("cpass");

if(user.value!="")

//alert("Username can't be left blank.");

//user.style.border="red 1px solid";

//user.style.boxShadow="red 2px 3px 4px";

user.className="success";

//user.focus();

//return false;

if(email.value!="")

email.className="success";

//alert("Email can't be left blank.");

//email.focus();

//return false;

if(contact.value!="")

contact.className="success";

//alert("Contact can't be left blank.");

//contact.focus();

//return false;

}
if(dob.value!="")

dob.className="success";

//alert("Dob can't be left blank.");

//dob.focus();

//return false;

if(country.value!="")

//alert("Please Select Country .");

//country.focus();

//return false;

country.className="success";

if(pass.value!="")

//alert("Password can't be left blank.");

//pass.focus();

pass.className="success";

//return false;

if(pass.value==cpass.value)

cpass.className="success";

//alert("Confirm Password does not match.");

//cpass.focus();

//return false;

}
</script>

</html>

S-ar putea să vă placă și