12306页面设计

<html>
<head>
<script>
function f_validate()
{ 
var username=document.getElementById("uname").value;
var passwd=document.getElementById("passwd").value;
var yzm=document.getElementById("yzm").value;
// var username=document.getElementsByName("uname")[0].value;
// var passwd=document.getElementsByName("passwd")[0].value;
var error="";
if(username==""|| username==null ||username=="请输入")
{
// alert("用户名不能为空!");
error=error+"用户名不能为空!";
error=error+"\n";
//return false;
}else if(username.length<6){
  //alert("您的用户名长度小于6!");
  error=error+"您的用户名长度小于6!";
error=error+"\n";
  //return false
}else if(username.length>12){
  //alert("您的用户名长度大于12!");
  error=error+"您的用户名长度大于12!";
error=error+"\n";
// return false
}
if(passwd==""|| passwd==null)
{
// alert("密码不能为空!");
error=error+"密码不能为空!";
error=error+"\n";
//return false;
}else if(passwd.length<6){
 // alert("您的密码长度小于6!");
  error=error+"您的密码长度小于6!";
error=error+"\n";
//return false
}else if(passwd.length>12){
 // alert("您的密码长度大于12!");
  error=error+"您的密码长度大于12!";

// return false
}
if(yzm==""||yzm==null)
{
// alert("密码不能为空!");
error=error+"验证码不能为空!";
error=error+"\n";
//return false;
}
if(error=="")
{
//window.location.href="h.html";
return true;
}else
{
alert(error);
return false;
}

}
function setInfo(){
var username=document.getElementById("uname");
if(username.value==""||username.value==null)
username.value="请输入";
}
function clearInfo()
{
var username=document.getElementById("uname").value="";
}
</script>
</head>
<body οnlοad="setInfo()">
<form action="http://localhost:8080/test/main/whole.html" method="post" onSubmit="return f_validate()">
<center>
<table background="images\bg_img1.jpg" width="945" height="433">
<tr height="25">
<td width="570px"> </td>
<td> </td>
</tr>
<tr>
<td> </td>

<td><table cellpadding="5">
<tr><td>用户名:</td><td colspan="3"><input type="text"name="username" id="uname" value="" οnfοcus="clearInfo()" οnblur="setInfo()"></td>
</tr>
<tr><td>密  码:</td><td colspan="3"><input type="password" id="passwd">
</td></tr>
<tr><td >验证码:</td><td><input type="text" id="yzm"></td><td><img src=".\images\bg_img2.gif" alt="打不开图片"></td><td><a href='#' οnclick="shuaxin()">刷新</a>
</td></tr>
<tr><td><input type="checkbox" name="ck" value="1"></td><td colspan="2">自动登录</td>
</tr>


<tr><table cellspacing="30">
<td ><input type="submit" name="login" value="登录" οnclick="f_validate()"></td>
<td><input type="reset" name="rs" value="重置"></td>
<td><input type="button" name="zc" value="注册" οnclick="location.href='http://localhost:8080/test/lg.html'"></td>
</table></tr>
</table>
</td>
</tr>
</center>
</table>
</form>
</body>


</html>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值