something changed ,just like register.jsp and register.css
This commit is contained in:
parent
56a41923e2
commit
233943adc5
|
@ -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;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
@ -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"){
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue