基于JS设计12306登录页面
作者:mrr 发布时间:2024-04-29 13:45:12
标签: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 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>
好了,代码到此结束,希望对大家有所帮助!
0
投稿
猜你喜欢
- 前言相信大家在最近的chatGPT的注册或者使用过程中都遇到了很多很多的报错,接下来的内容是关于chatGPT不管是注册还是使用过程中所有报
- 一位资深的设计师曾经向我抱怨,说老板不仅让他做“设计”工作,还让他做“制作”工作,真是很烦。言下之意,“制作”还要一个资深设计师亲自上阵,未
- 一、什么是Python类?python中的类是创建特定对象的蓝图。它使您可以以特定方式构建软件。问题来了,怎么办?类允许我们以一种易于重用的
- 机器学习之随机森林,供大家参考,具体内容如下1、Bootstraping(自助法)  
- 今天看新概念视频的时候播放器PotPlayer的播放列表总是不能正确排序,我看到这些视频的名字格式如下:Lesson 1-2 单词解读.mp
- 没办法就下了一个2.6,如果用2.4就太低了,又折腾了,半天找到了MySQL-python-1.2.2.win32-py2.6.exe 这个
- 主要讲 except 和 not in 的性能上的区别。 CREATE TABLE tb1(ID int) CREATE TABLE tb2
- 通常,你需要获得当前日期和计算一些其他的日期,例如,你的程序可能需要判断一个月的第一天或者最后一天。你们大部分人大概都知道怎样把日期进行分割
- 看了oschina上的两个代码,受益匪浅。其中对join()方法不理解,看python官网文档的介绍:join([timeout]):等待直
- PyQt5不规则窗口实现动画效果实例import sysfrom PyQt5.QtCore import *from PyQt5.QtGui
- 一、开发环境Python 3.8Pycharm 2021.2 专业版二、模块使用csv 模块 把爬取下来的数据保存表格里面的 内置模块req
- 你可能会遇到这样的要求,一个脚本,只允许有一个实例。在python中,为了实现这个需求,可以引入fcntl模块对文件加一个排他锁,这样一来,
- python 读写中文json的实例详解读写中文json想要 读写中文json ,可以使用python中的 json 库可以对j
- 在面向对象的编程中,很多语言都支持函数重载,能根据函数传递的不同个数、类型的参数来做不同的操作,JS对它却不支持,需要我们额外做些小动作。在
- 取反运算符的原理:1.对3取反:(取4位二进制)①化为二进制:3→0011②对二进制结果取反:0011→1100③对结果先取反再加1:110
- asp中使用addnew方法添加一条记录后,我们经常使用取得自递增的ID,而使用bookmark很容易实现这样的功能。rs.open&nbs
- python中对文件、文件夹(文件操作函数)的操作需要涉及到os模块和shutil模块。得到当前工作目录,即当前Python脚本工作的目录路
- 1. 介绍BoltBoltDB是纯Go语言实现的持久化解决方案,保存数据至内存映射文件。称之为持久化解决方案不是数据库,因为数据库这个词有很
- 看书笔记db file scattered read DB ,db file sequential read DB,free buffer
- 起因前端日子写完的Python入库脚本,通过直接读取配置文件的内容(包含了数据库的ip,数据库的用户名,数据库的密码),因为配置文件中的数据