基于JS设计12306登录页面
作者:mrr 时间:2024-04-29 13:45:12
废话不多说了,直接给大家贴代码了,具体代码如下所示:
<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,登录,页面
0
投稿
猜你喜欢
driver = webdriver.Chrome()报错问题及解决
2023-04-09 21:03:16
Django实现jquery select2带搜索的下拉框
2022-04-20 18:50:58
Python中获取对象信息的方法
2021-04-04 09:08:22
asp如何制作一个WAP手机的WML网页?
2010-06-29 21:21:00
网站有效设计的10个原则
2008-02-11 17:12:00
python实现csdn全部博文下载并转PDF
2023-08-13 05:26:41
pytorch tensor计算三通道均值方式
2022-06-26 00:02:41
oracle数据库下统计专营店的男女数量的语句
2024-01-17 04:18:17
python美多商城项目开发小结
2022-09-05 08:01:48
Python基于datetime或time模块分别获取当前时间戳的方法实例
2021-01-19 22:53:18
C#连接Oracle数据库字符串(引入DLL)的方式
2024-01-25 16:10:07
JavaScript修改作用域外变量的方法
2024-04-10 16:12:01
Python使用sklearn库实现的各种分类算法简单应用小结
2022-08-05 22:37:59
Python如何处理大数据?3个技巧效率提升攻略(推荐)
2022-04-02 10:03:03
文档标准的真实谎言
2008-06-02 10:46:00
详解Python中@staticmethod和@classmethod区别及使用示例代码
2023-06-03 12:17:20
python二叉树常用算法总结
2023-01-15 01:35:18
解决django 新增加用户信息出现错误的问题
2021-07-27 12:50:46
vue 解决mintui弹窗弹起来,底部页面滚动bug问题
2024-04-30 10:47:22
tensorflow基于Anaconda环境搭建的方法步骤
2022-11-04 10:12:58