&" name="description">
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