QuestionAsk Questions?
seochat
For example the html script is
<!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>:: validation form::</title>
<script type="text/javascript" src="udatelinks.js"></script>
<style type="text/css">
a:hover{ text-decoration:none}
p{color:#FF9900}
</style>
</head>
<body style="font-family: Arial, Helvetica, sans-serif; font-size:12px;">
<center>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="86" align="right" > <img src="logo.jpg" style="margin:31px 27px 16px 0px;"/></a></td>
</tr><tr>
<td align="center" valign="top"></td>
<table width="35%" border="0" cellspacing="0" cellpadding="0">
<hr color="#FF9933" style="padding-top:1px;"/>
<tr>
<td> </tr>
<tr>
<td align="left" valign="top"> </td>
</tr>
<tr>
<td align="left" valign="top"> </td>
</tr>
<tr>
<td align="left" valign="top"> </td>
</tr>
<tr>
<td align="left" valign="top"> </td>
</tr>
<tr>
<td align="left" valign="top"> </td>
</tr>
<tr>
<td align="left" valign="top"> </td>
</tr>
<tr>
<td align="left" valign="top"> </td>
</tr>
<tr>
<td align="left" valign="top"> </td>
</tr>
<tr>
<td align="left" valign="top"> </td>
</tr>
<tr>
<td align="left" valign="top"> </td>
</tr>
<tr>
<td align="center" valign="top">
<form name="form1" onsubmit="return validation()" style="border-style:solid; border-color:#FF9933;">
<table border="0" cellpadding="2px" cellspacing="0" >
<p id="txt"></p>
<p id="txt1"></p>
<p id="txt2"></p>
<p id="txt3"></p>
<p id="txt4"></p>
<p id="txt5"></p>
<p id="txt6"></p>
<p id="txt7"></p>
<p id="txt8"></p>
<p id="txt9"></p>
<p id="txt10"></p>
<p id="txt11"></p>
<p id="txt12"></p>
<p id="txt13"></p>
<p id="txt14"></p>
<p id="txt15"></p>
<p id="txt16"></p>
<p id="txt17"></p>
<p id="txt18"></p>
<p id="txt19"></p>
<p id="txt20"></p>
<p id="txt21"></p>
<p id="txt22"></p>
<tr>
<td colspan="2" align="center" ></td>
</tr>
<tr>
<td width="139"><div align="left"><b>*First Name :</b></div></td>
<td width="158" align="left"><input type="text" name="fname"/></td>
<br/>
</tr>
<tr>
<td><div align="left"><b>*Last Name :</b></div></td>
<td><input type="text" name="lname" /></td>
</tr>
<tr>
<td><div align="left"><b> *Email : </b></div></td>
<td><input type="text" name="email"/> </td>
</tr>
<tr>
<td><div align="left"> <b>*Password :</b></div></td>
<td><input type="password" name="pwd1" /> </td>
</tr>
<tr>
<td><div align="left"><b>*Confirm Password:</b></div></td>
<td><input type="password" name="pwd2" /></td>
</tr>
<tr>
<td><div align="left"><b>*Phone number : </b></div></td>
<td><input type="text" name="phno"/></td>
</tr>
<tr>
<td><div align="left"><b>*Enter the Date:</b></div></td>
<td><input type="text" name="date"/></td>
</tr>
<tr>
<td colspan="2"><div align="center">
<input type="submit" value= "submit" style="background-color: #FF6633; color:#FFFFFF;"/>
</div></td>
<td width="18"> </td>
</tr>
</table>
</form></td>
</tr>
<tr>
<td align="left" valign="top"> </td>
</tr>
<tr>
<td align="left" valign="top"> </td>
</tr>
<tr>
<td align="left" valign="top"> </td>
</tr>
<tr>
<td align="left" valign="top"> </td>
</tr>
<tr>
<td align="left" valign="top"> </td>
</tr>
<tr>
<td align="left" valign="top"> </td>
</tr>
<tr>
<td align="left" valign="top"> </td>
</tr>
<tr>
<td align="left" valign="top"> </td>
</tr>
<tr>
<td align="left" valign="top"> </td>
</tr>
<tr>
<td align="left" valign="top"></td>
</tr>
</table>
</td>
</tr>
<hr color="#000000" style="padding-top:1px;"/>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;">
<tr>
<td align="left" valign="top"> </td>
</tr>
<tr>
<td align="left" valign="middle" > Copyright © 2010 Threshold Software Solutions Pvt. Ltd. </td>
<td align="right" valign="middle" ><a href="#" style="color:#000000;">Disclaimer</a> | <a href="#" style="color:#000000;" >Privacy Policy</a> </td>
</tr>
</table></td>
</tr>
</table>
</center>
</body>
</html>
jscript is
function validation()
{
var fname = document.forms["form1"] ["fname"].value;
var fpattn=/^([a-zA-Z])+$/;
if (fname == null || fname == "")
{
//alert("user name cannot be empty");
document.getElementById("txt1").innerHTML="*First name cannot be empty";
//return false;
}
else
{
var fnametest = fpattn.test(fname);
var flen = fname.length;
if(fnametest == false)
{
//alert ("first name should not contain numbers");
document.getElementById("txt2").innerHTML="*First Name should contain only alphabets";
//return false;
}
else
if (flen < 5)
{
//alert("length cannot be less than 3");
document.getElementById("txt3").innerHTML="First Name length cannot be less than 5";
//return false;
}
}
// end of first name validation
var lname = document.forms["form1"] ["lname"].value;
var fpattn=/^([a-zA-Z])+$/;
if (lname == null || lname == "")
{
//alert("last name cannot be empty");
document.getElementById("txt4").innerHTML="Last Name cannot be empty";
//return false;
}
else
{
var fnametest = fpattn.test(lname);
var flen = lname.length;
if(fnametest == false)
{
//alert ("first name should not contain numbers");
document.getElementById("txt5").innerHTML="First Name should not contain numbers";
// return false;
}
else
if (flen < 3)
{
//alert("length cannot be less than 3");
document.getElementById("txt6").innerHTML="First Name length cannot be less than 3";
//return false;
}
}
// end of last name validation
var emailid1 = document.forms["form1"]["email"].value;
var mailpattern=/^([a-zA-Z0-9_\-\.])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
if (emailid1 == null || emailid1 == "")
{
document.getElementById("txt7").innerHTML=" Email id cannot be empty";
//return false;
}
else
{
var email= mailpattern.test(emailid1);
if (email == false)
{
//alert("worng email id");
document.getElementById("txt8").innerHTML=" Invalid email id";
//return false;
}
}
// end of email id validation
var pwd1=document.forms["form1"]["pwd1"].value;
var pwdpattern=/^([a-zA-Z0-9_\-\.\@])+$/;
if (pwd1 == null || pwd1 == "")
{
//alert ("password cannot be empty");
document.getElementById("txt9").innerHTML="Password Cannot Be Empty";
//return false;
}
else
{
var pword =pwdpattern.test(pwd1);
var pwd=pwd1.length
if (pword=false)
{
//alert("enter vaild password");
document.getElementById("txt10").innerHTML="Enter Vaild Password";
//return false;
}
else
if (pwd<6)
{
//alert("password should be more than 6 charcters");
document.getElementById("txt11").innerHTML="Password Should be more than 6 charcters";
//return false;
}
}
//end of password
var pwd2=document.forms["form1"]["pwd2"].value;
if (pwd2 == null || pwd2=="")
{
//alert("conform password cannot be empty");
document.getElementById("txt12").innerHTML="Conform Password cannot be empty";
//return false;
}
else
{
if (pwd1 !=pwd2)
{
//alert("pasword mistach");
document.getElementById("txt13").innerHTML="Given Pasword is mistach";
//return false;
}
}
var phno=document.forms["form1"]["phno"].value;
var phpattern=/^([0-9])+$/;
if (phno == null || phno == "")
{
//alert("phone number should not be blank");
document.getElementById("txt14").innerHTML="Phone Number Should Not Be Blank";
//return false;
}
else
{
var phnumber=phpattern.test(phno);
var phlen=phno.length
if(phnumber=false)
{
//alert("enter valid phnumber");
document.getElementById("txt15").innerHTML="Enter Ten Digit Phone Number";
//return false;
}
else if(phlen !=10)
{
//alert("phone number should not be less than 10 digits");
document.getElementById("txt16").innerHTML=" Phone number should not be less than 10 digits";
//return false;
}
}
var date1 = document.forms["form1"] ["date"].value;
var t = new Array;
// var fpattn=/^([a-zA-Z])+$/;
if (date1 == null || date1 == "")
{
//alert("date cannot be empty");
document.getElementById("txt17").innerHTML="Date Cannot be Empty";
//return false;
}
else
{
var d = new Date();
var d1 =(d.getMonth());
var d2= d1+1
var d3 =(d.getDate());
var d4= (d.getFullYear());
var t= date1.split("/");
//alert("time is ok");
if(d2 == t[0] && d3 == t[1] && d4 == t[2])
{
document.getElementById("txt18").innerHTML= "Enterd Date is correct";
var showdate= (t.join(" - "));
document.getElementById("txt19").innerHTML=showdate;
//return true;
}
else
{
var u= date1.split("-");
//alert("time is ok");
if(d2 == u[0] && d3 == u[1] && d4 == u[2])
{
document.getElementById("txt20").innerHTML= "Enterd Date is correct";
var display= (u.join(" - "));
document.getElementById("txt").innerHTML= display;
//document.getElementById("txt").innerHTML=showdate;
//return true;
}
else
{
//alert("Enter valid date");
document.getElementById("txt21").innerHTML= "Enter the valid date";
//return false;
}
}
}
}
i need <p> tags should appear, if we submit all conditions should appear at a time. and lastname is given and press submit button then last name should disappear in the <p> tags.
Thanx for quick reply
View Answers
Related Pages:
If you are facing any programming issue, such as compilation errors or not able to find the code you are looking for.
Ask your questions, our development team will try to give answers to your questions.
Tutorial Topics
