基于JS设计12306登录页面_网络技术_宿州市腾雀网络科技有限公司

基于JS设计12306登录页面

发布时间 - 2026-01-10 22:10:35 点击率：次

废话不多说了，直接给大家贴代码了，具体代码如下所示：

<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 onload="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="" onfocus="clearInfo()" onblur="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='#' onclick="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="登录" onclick="f_validate()"></td> 
<td><input type="reset" name="rs" value="重置"></td> 
<td><input type="button" name="zc" value="注册" onclick="location.href='http://localhost:8080/test/lg.html'"></td> 
</table></tr> 
</table> 
</td> 
</tr> 
</center> 
</table> 
</form> 
</body> 
</html>

好了，代码到此结束，希望对大家有所帮助！

# 12306登录页面 # jQuery Ajax 实现在html页面实时显示用户登录状态 # Ajax Session失效跳转登录页面的方法 # 登录超时给出提示跳到登录页面（ajax、导入、导出） # 一款经典的ajax登录页面后台asp.net # 原生js验证简洁注册登录页面 # jsp登录页面的简单实例雏形 # JS实现登录页面记住密码和enter键登录方法推荐 # 防止登录页面出现在frame中js代码 # JBuilder2005实战JSP之登录页面实现代码[图] # ajax编写简单的登录页面 # 您的 # 为空 # 请输入 # 验证码 # 好了 # 说了 # 不多 # 给大家 # 所示 # 到此 # 打不开 # 自动登录 # return # reset # false # login # length # null # error # rs

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：YII框架的扩展是什么？YII框架如何安装扩展？

下一篇：婚礼纪Plus实物礼包怎么领婚礼纪Plus新人礼包领取地址

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：YII框架的扩展是什么？YII框架如何安装扩展？

下一篇：婚礼纪Plus实物礼包怎么领婚礼纪Plus新人礼包领取地址