<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="javascript">
function checkname(){
var div = document.getElementById("div1");
div.innerHTML = "";
var name1 = document.form1.text1.value;
if (name1 == "") {
div.innerHTML = "姓名不能为空!";
document.form1.text1.focus();
return false;
}
if (name1.length < 4 || name1.length > 16) {
div.innerHTML = "姓名输入的长度4-16个字符!";
document.form1.text1.select();
return false;
}
var charname1 = name1.toLowerCase();
for (var i = 0; i < name1.length; i++) {
var charname = charname1.charAt(i);
if (!(charname >= 0 && charname <= 9) && (!(charname >= 'a' && charname <= 'z')) && (charname != '_')) {
div.innerHTML = "姓名包含非法字母,只能包含字母,数字,和下划线";
document.form1.text1.select();
return false;
}
}
return true;
}
function checkpassword(){
var div = document.getElementById("div2");
div.innerHTML = "";
var password = document.form1.text2.value;
if (password == "") {
div.innerHTML = "密码不为空!";
document.form1.text2.focus();
return false;
}
if (password.length < 4 || password.length > 12) {
div.innerHTML = "密码长度4-12位";
document.form1.text2.select();
return false;
}
return true;
}
function checkrepassword(){
var div = document.getElementById("div3");
div.innerHTML = "";
var password = document.form1.text2.value;
var repass = document.form1.text3.value;
if (repass == "") {
div.innerHTML = "密码不位空!";
document.form1.text3.focus();
return false;
}
if (password != repass) {
div.innerHTML = "输入密码和确认密码长度不一致";
document.form1.text3.select();
return false;
}
return true;
}
function checkEmail(){
var div = document.getElementById("div4");
div.innerHTML = "";
var email = document.form1.text5.value;
var sw = email.indexOf("@", 0);
var sw1 = email.indexOf(".", 0);
var tt = sw1 - sw;
if (email.length == 0) {
div.innerHTML = "电子邮件不能位空";
document.form1.text5.focus();
return false;
}
if (email.indexOf("@", 0) == -1) {
div.innerHTML = "电子邮件格式不正确,必须包含@符号!";
document.form1.text5.select();
return false;
}
if (email.indexOf(".", 0) == -1) {
div.innerHTML = "电子邮件格式不正确,必须包含.符号!";
document.form1.text5.select();
return false;
}
if (tt == 1) {
div.innerHTML = "邮件格式不对。@和.不可以挨着!";
document.form1.text5.select();
return false;
}
if (sw > sw1) {
div.innerHTML = "电子邮件格式不正确,@符号必须在.之前";
document.form1.text5.select();
return false;
}
else {
return true;
}
return ture;
}
function check(){
if (checkname() && checkpassword() && checkrepassword() && checkEmail()) {
return true;
}
else {
return false;
}
}
</script>
</head>
<body>
<form name="form1" method="post" action="2.html" onsubmit="return check()">
<table>
<tr>
<td>
用户名:
</td>
<td>
<input id="text1" type="text" name="text1" onblur="check()">
<div id="div1" style="display:inline">
</div>
</td>
</tr>
<tr>
<td>
密码:
</td>
<td>
<input id="text2" type="password" name="text2" onblur="check()">
<div id="div2" style="display:inline">
</div>
</td>
</tr>
<tr>
<td>
确认密码:
</td>
<td>
<input id="text3" type="password" name="text3" onblur="check()">
<div id="div3" style="display:inline">
</div>
</td>
</tr>
<tr>
<td>
电子邮件地址:
</td>
<td>
<input id="text4" type="text" name="text4" onblur="check()">
<div id="div4" style="display:inline">
</div>
</td>
</tr>
<tr align="center">
<td align="center">
<input type="submit" value="提交" name="tect6"><input type="reset" value="重置" name="text7">
</td>
</tr>
</table>
</form>
</body>
</html>
分享到:
相关推荐
QQ注册页面详细的测试用例 用例编号 需求(用例标题) 模块 步骤 预期结果 测试结果 功能点优先级 V_0001 显示输入状态 注册页面 "1、进入QQ邮箱账号申请页面 2、鼠标点击邮箱账号输入框" 光标闪动,输入框亮色 1 V_...
JSP 注册页面JSP 注册页面JSP 注册页面JSP 注册页面JSP 注册页面
JavaWeb登录注册页面 功能:带有验证码生成与验证,记住账号密码,Filter拦截等操作 使用mybatis和maven
javascript注册页面代码(只包含用户名&密码&邮箱的验证)
asp.net使用panel制作注册页面!非常简单的注册页面,没有连接数据库。没有详细的制作过程,主要是制作后的效果!可以为你制作注册页面,提供一个思路!
经典注册页面jsp注册页面经典jsp注册页面经典jsp注册页面经典jsp注册页面经典
用户注册页面代码javascript验证,主要是讲用户注册界面的设计。
蛋糕商城注册页面代码 在线蛋糕订购系统 PHP 项目与源代码 在线蛋糕订购系统PHP项目及其示例源代码是一个专门用于管理和处理蛋糕店相关查询和订单的系统。其设计目的是高效、易于使用和准确地跟踪传统蛋糕店管理系统...
简单的jsp注册页面 注册和接收界面分开 没有设计数据库
html vue 好看的登录注册页面 左右动态滑动,输入参数校验,多种类型账号注册,验证码按钮倒计时60s。开箱即用,直接无缝衔接到自己项目里 技术栈:HTML、Vue.js、CSS 压缩包包含文件:html文件、css文件、img图片...
登录注册页面
登陆注册页面实验报告.pdf
使用IDEA实现Java的登陆注册页面。能够连接MySQL数据库,注册的时候可以将用户信息写入数据库,然后登陆的时候会从数据库中查找是否有这条信息,从而登陆。
《ASP系列教程》之实现真正的注册页面 《ASP系列教程》之实现真正的注册页面
手机APP注册页面html模板是一款采用css3制作的手机APP注册页面设计html模板。
HTML5,仿京东登录注册页面,好不容易搜集到的。积分没有设置太高。
HTML阿里巴巴注册页面源代码
学习作品《当当网注册页面》帮助页面,北大青鸟项目实战2
留言板 登录 注册页面留言板 登录 注册页面留言板 登录 注册页面留言板 登录 注册页面留言板 登录 注册页面留言板 登录 注册页面留言板 登录 注册页面留言板 登录 注册页面留言板 登录 注册页面留言板 登录 注册页面...
用jquery实现网站注册页面验证信息,内容很完善的哦