something changed ,just like register.jsp and register.css

This commit is contained in:
shuyouxiangming 2013-07-13 17:59:51 +08:00
parent 56a41923e2
commit 233943adc5
3 changed files with 156 additions and 24 deletions

View File

@ -4,20 +4,86 @@
.regdiv1 {
style="margin:20px auto;
width:958px; height:600px; background-color:#efefef">
margin:20px auto;
width:958px;
height:600px;
background-color:#efefef;
}
regtable1{
width:100% ;
height:100%;
border:0;
}
.regtable2{
width:100%;
height:50px;
border:0;
align:center;
cellpadding:0;
background-color:#efefef
}
.regtable3{
width:100%;
height:300px;
border:0;
}
.regtable4{
width:100%;
height:400px;
border:0;
cellpadding:0;
background-color:#efefef;
}
.regtr1{
height:50px;
width:100%;
}
.regtr2{
width:100%;
height:100px;
}
.regtd1{
style="width:20%;
width:10%;
height:50px;
text-align:right;
}
.regtd2{
width:20%;
height:50px;
text-align:right;
background-color:#efefef;
}
.regtd2{
style="text-align:center;
background-color:#efefef;"
colspan="2"
.regtd3{
width:25%;
height:50px;
text-align:right;
background-color:#efefef;
}
.regtd4{
width:55%;
height:50px;
text-align:right;
background-color:#efefef;
}
.regtd5{
text-align:center;
background-color:#efefef;
colspan:2;
}

View File

@ -1,22 +1,22 @@
function clean() {
document.getElementsByName('userName')[0].value="";
document.getElementsByName('username')[0].value="";
document.getElementsByName('password')[0].value="";
document.getElementsByName('retype_password')[0].value="";
}
function password_validation() {
var null_flag=0;
var user_name = document.getElementsByName('userName')[0].value;
var user_name = document.getElementsByName('username')[0].value;
var retype_pwd = document.getElementsByName('retype_password')[0].value;
var input_pwd = document.getElementsByName('password')[0].value;
if(user_name==""){
$('#usrmsg').show();
document.getElementsByName('userName')[0].value="";
document.getElementsByName('userName')[0].style.border="1px solid red";
document.getElementsByName('username')[0].value="";
document.getElementsByName('username')[0].style.border="1px solid red";
null_flag=1;}
if(input_pwd==""){
@ -39,8 +39,8 @@
alert(name + " must be number!");
if(name=="username"){
$('#usrmsg').show();
document.getElementsByName('userName')[0].value="";
document.getElementsByName('userName')[0].style.border="1px solid red";
document.getElementsByName('username')[0].value="";
document.getElementsByName('username')[0].style.border="1px solid red";
}
else if(name=="password"){

View File

@ -16,21 +16,87 @@
<h1>
Bench4Q is a new methodology for QoS benchmarking
</h1>
<table class="table1">
<img src="images/register/tips.jpg"/>
<img src="images/register/bench4qblog.jpg"/>
<table>
</table>
<div class="regdiv1">
<form id="fm" name="fm" action="Regester/register" method="post">
<p> <img src="images/register/username.jpg"/> UserName; <input type="text" name="userName" onChange="javascript:form_validation('userName')" /><p>
<p> <img src="images/register/password.jpg"/> Password; <input type="text" name="password" onChange="javascript:form_validation('password')" /><p>
<p> <img src="images/register/retype.jpg"/> Retype Password; <input type="text" name="retype_password" /><p>
<input type="image" name="Submit" value="Register" src="images/register/submit.jpg" onMouseOver="this.src='images/register/submiton.jpg'" onMouseOut="this.src='images/register/submit.jpg'" onClick="javascript:password_validation();return false" /> <img name="clear" value="clear" src="images/register/clear.jpg" onClick="javascript:clean();return false" />
<table class="regtable1">
<tr>
<td align="center"><table class="regtable2"></table></td>
</tr>
<tr>
<td>
<table class="regtable3">
<tr>
<td style="width:50%;">
<table class="regtable1">
<tr class="regtr1">
<td><img src="images/register/tips.jpg"></td>
</tr>
<tr class="regtr1"></tr>
</table>
<table class="regtable3">
<tr>
<td class="regtd1"><img src="images/register/username.jpg"></td>
<td class="regtd2">UserName:</td>
<td class="regtd3"><input style="height:20px" tabindex="1" "type="text" name="username" onChange="javascript:form_validation('username')" </td>
<td class="regtd4">
<table>
<tr id="usrmsg" style="display:none;">
<td style="width:20%;"><img src="images/register/cuowu.jpg"/></td><td style="width:80%;">the UserName must be <br>5-20 letters or numbers</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="regtd1"><img src="images/register/password.jpg"/></td>
<td class="regtd2">Password:</td>
<td class="regtd3"><input style="height:20px" name="password" tabindex="1" type="password" onChange="javascript:form_validation('password')"/></td>
<td class="regtd4">
<table>
<tr id="pwdmsg" style="display:none;">
<td style="width:20%;"><img src="images/register/cuowu.jpg"/></td><td style="width:80%;">the Password must be <br>6-20 letters or numbers</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="regtd1"><img src="images/register/retype.jpg"/></td>
<td class="regtd2"">Retype Password:</td>
<td class="regtd3"><input style="height:20px" name="retype_pwd" tabindex="1" type="password"/></td>
<td class="regtd4">
<table>
<tr id="rtpmsg" style="display:none;">
<td style="width:20%;"><img src="images/register/cuowu.jpg"/></td><td style="width:80%;">the password is wrong</td>
</tr>
</table>
</td>
</tr>
<tr style="height:120px;">
<td class="regtd5"><input type="image" name="Submit" value="Register" src="images/register/submit.jpg" onMouseOver="this.src='images/register/submiton.jpg'" onMouseOut="this.src='images/register/submit.jpg'" onClick="javascript:password_validation();return false" /></td>
<td class="regtd5"><img name="Clear" value="Clear" src="images/register/clear.jpg" onMouseOver="this.src='images/register/clearon.jpg'" onMouseOut="this.src='images/register/clear.jpg'" onClick="javascript:clean();return false" /></td>
</tr>
<tr class="regtr2"></tr>
</table>
</td>
<td style="width:50%;">
<table class="regtable4">
<tr>
<td style="width:90%;"><img src="images/register/bench4qblog.jpg"/></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td><table style="width:100%; height:100px; border:0; cellpadding:0; background-color:#efefef;"></table></td>
</tr>
</table>
</form>
</div>
</body>