<script language="javascript" type="text/javascript">
function valid() {
if (document.form2.fname.value == "" || document.form2.Email1.value == "" || document.form2.password1.value == "" || document.form2.password2.value == "") {
if (document.form2.fname.value == "") {
document.getElementById("span0").innerHTML = "Plaese insert your First Name.";
}
if (document.form2.email1.value == "") {
document.getElementById("span2").innerHTML = "Please insert your Email.";
}
if (document.form2.password1.value == "") {
document.getElementById("span3").innerHTML = "Please insert your Password.";
}
if (document.form2.password2.value.length < 6) {
document.getElementById("span3").innerHTML = "Your Password Is Less Than 6 Characters.";
}
if (document.form2.password2.value == "") {
document.getElementById("span4").innerHTML = "Please confirm your Password.";
}
return false;
}
else if (document.form2.password1.value != document.form2.password2.value) {
document.getElementById("span3").innerHTML = "the Password is not match !!";
return false;
}
else return true;
}</script>
++++++++++++++
<form name="form2" id="form2" onsubmit="return valid()" >
<h3>
Name :
</h3>
<input type="text" name="fname" class="form-control" id="fname" style="width:300px" />
<br />
<span id="span0" style="color:red;"></span>
<br />
<h3>
<span class="label label-success">
E-mail :
</span>
</h3>
<input type="text" name="email1" class="form-control" style="width:300px" id="email1" />
<br />
<span id="span2" style="color:red;"></span>
<br />
<h3>
<span class="label label-info">
Password :
</span>
</h3>
<input type="password" name="password1" class="form-control" style="width:300px" id="password1" />
<br />
<span id="span3" style="color:red;"></span>
<br />
<br />
<h3>
<span class="label label-info">
Confirm Password :
</span>
</h3>
<input type="password" name="password2" class="form-control" style="width:300px" id="password2" />
<br />
<span id="span4" style="color:red;"></span>
<br />
<h3>
<span class=" label label-danger">
Birthday :
</span>
</h3>
<input type="date" name="bday" class="form-control" style="width:300px" id="birthday" />
<br />
<h3>
<span class="label label-default">
Tel +962 :
</span>
</h3>
<input type="text" name="tel" class="form-control" style="width:300px" id="1" />
<br />
<h3>
<span class="label label-primary">
Adress :
</span>
</h3>
<textarea name="address" id="address" class="form-control" style="width:300px" rows="3" cols="30"></textarea>
<br />
<input type="submit" value="Rigester" id="submit" name="submit" style="width:150px" class="btn btn-default" href="index.html" />
<br />
</form>
body
{
background-color:#6F605A;
font-family:Arial, Helvetica, sans-serif;
padding:0;
font-size:12px;
margin:0px auto auto auto;
color:#000000;
}
.header{
width:900px;
height:181px;
background:url(header.jpg) no-repeat center;
margin-left:200px;
margin-right:200px;
}
#menu{
width:628px;
height:30px;
padding:140px 0 0 10px;
}
#menu ul li{
display:inline;
padding:0px;
margin:0px;
height:20px;
}
#menu ul li a{
height:27px;
display:block;
padding:0px 10px 0 10px;
margin:0 4px 0 4px;
margin:0 2px 0 2px;
float:left;
text-decoration:none;
text-align:center;
color:#fff;
font-size:20px;
line-height:25px;
}
#menu ul li a:hover{
color:#f7a849;
}
#table{
width:900px;
height:1200px;
background-color:#FFFFFF;
}
.Cus {
padding:50px 0 0 50px;
color:#804010;}
.by {
padding:10px 0 0 50px;
color:#000000;}
.field{
width:500px;
padding:10px 0 0 30px;
}
.ff
{
padding:10px 0 0 50px;
}
.td{color:#292929;
font-weight:bold;}
#box{padding:30px 0 0 100px;}
هذا النص الغبي ، غير مقصود لقرائته . وفقا لذلك فمن الصعب معرفة متى وأين نهايته ، لكن حتى . فإن هذا النص الغبي ، ليس مقصود لقرائته . نقطة رجوع لسطر مدونة عرب ويب ترحب بك