<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_...
【uni-app通用注册页面】是一种基于Vue.js框架的多端开发解决方案，主要应用于移动应用、微信小程序、H5页面等平台。它通过一套代码可以实现跨平台开发，大大提升了开发效率。uni-app允许开发者使用Vue.js语法进行...
【标题】"简单jsp注册页面"所涉及的知识点主要集中在JavaServer Pages (JSP) 技术上，这是一种用于创建动态网页的服务器端技术。在本项目中，它被用来构建用户注册的功能，通常包括输入表单和处理注册数据两个部分。...
JavaWeb登录注册页面是Web应用开发中的基础模块，主要用于用户的身份验证和信息管理。这个项目集成了验证码生成与验证、记住账号密码的功能，并且利用了Filter进行请求拦截，以提高系统的安全性和用户体验。同时，该...
注册页面通常包括用户名、密码输入框、确认密码、电子邮件地址、验证码等元素。这些元素的样式和交互可以通过CSS3进行定制，比如使用伪类`:hover`、`:focus`来改变鼠标悬停或元素获取焦点时的样式，使用`input[type=...
在注册页面，通常需要收集用户名、电子邮件地址、密码等信息。我们可以通过在EditText中设置输入类型限制，例如限制电子邮件格式和密码复杂性。同时，可以添加输入验证机制，确保用户输入的有效性，防止空输入或者不...
登陆注册页面实验报告.pdf 该实验报告详细介绍了登陆注册系统的设计和实现，包括注册登录系统的业务流程图、数据库设计、注册模块和登录模块的实现等。 一、设计思路 该系统的设计思路是基于用户的登录和注册，...
在本项目中，我们主要探讨如何使用IntelliJ IDEA（简称IDEA）开发一个基于Java的登陆注册页面，并集成MySQL数据库进行数据存储。这个过程涵盖了前端界面设计、后端业务逻辑处理以及数据库交互等多个关键环节。 首先...
4. **响应式设计**：京东的登录注册页面应具备响应式布局，适应不同设备的屏幕尺寸，如手机、平板和桌面电脑。 【实现细节】 实现这个项目时，开发者可能使用了CSS3来处理样式和动画效果，比如使用`@media`查询...
HTML5登陆注册页面模板是一个基于前端技术实现的交互式网页设计。...在这个模板中，用户可以在登录和注册功能...对于想要提升前端开发技能或寻找快速构建登录注册页面解决方案的人来说，这是一个很好的学习和实践案例。
这个"bootstrap登录注册页面模板.zip"文件包含了一套精心设计的登录和注册页面，可以帮助开发者节省时间，快速创建用户界面。在JavaWeb开发中，Bootstrap经常被用来提升网页的用户体验和视觉吸引力。 首先，我们来...
这里我们讨论的项目是一个简单的登录注册页面，它具有良好的视觉效果和基本的用户输入验证功能。 首先，登录注册页面的核心是提供用户进行身份验证的入口。登录页面通常包括用户名（或邮箱）和密码输入框，以及登录...
在ASP（Active Server Pages）技术中，创建一个真正的注册页面是构建动态网站的重要步骤，它涉及到用户信息的收集、验证和存储。在这个《ASP系列教程》中，我们将深入探讨如何利用ASP来实现这一功能，为用户提供安全...
在这个主题中，"H5注册页面源码 单页源码 CSS页面 完整登录界面" 提供了一个完整的H5注册页面的源代码，这对于初学者或者开发者来说是一个很好的学习和参考资源。 首先，让我们深入理解一下H5注册页面的核心元素。...
在阿里巴巴注册页面中，`<head>`部分可能包含了网站的字符编码声明`<meta charset="UTF-8">`，确保页面内容正确显示中文字符。此外，可能会有自定义或外部链接的CSS样式表来控制页面的布局和视觉效果，以及可能的...
蛋糕商城注册页面代码 在线蛋糕订购系统 PHP 项目与源代码 在线蛋糕订购系统PHP项目及其示例源代码是一个专门用于管理和处理蛋糕店相关查询和订单的系统。其设计目的是高效、易于使用和准确地跟踪传统蛋糕店管理系统...
javascript注册页面代码（只包含用户名&密码&邮箱的验证）
在这个炫酷的登录注册页面中，开发者可能使用了CSS来实现诸如动画效果、背景图片、字体样式、颜色搭配等视觉元素，以提升整体的视觉吸引力。例如，可以使用`transition`和`animation`属性来实现平滑的过渡效果，使用...
在网页开发中，用户注册页面是至关重要的，它需要确保收集到的信息准确无误且安全。本教程将深入探讨如何使用jQuery这一强大的JavaScript库来实现一个功能完备的网站注册页面验证信息。jQuery使得DOM操作、事件处理...