用javascript写的表单验证，可以用网站的前后台的登陆，大家可以给提点意见。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>验证表单</title>
<script language="JavaScript">
function check(){
var user = document.getElementById("username").value;
var pass = document.getElementById("pass").value;
var rpass = document.getElementById("rpass").value;
var cardnum = document.getElementById("cardnum").value;
var email = document.getElementById("email").value;
//用户名只能由字母、数字、下划线组成，其它字符一律过滤，这样也确保了安全性，
//正则表达式的意思是，当输入0-9、a-z、A-Z、_以外的任何一个或者多个字符时则提示错误
if (user.match("([^a-zA-Z0-9_]+)") != null || user.length < 3 || user.length > 15) {
alert("您输入的用户名应由字母数字下划线组成，长度在3~15位之间！");
return false;
}
else
if ((pass.length > 20 || pass.length < 6) || (pass == user)) {
alert("您的密码长度过短或者密码与姓名相同，请重新输入！");
return false;
}
else
if (pass != rpass) {
alert("您两次输入的密码不一致!");
return false;
}
else
//身份证号用于匹配两种模式，一种是15位的，一种是18位的
//这个正则表达式分三部分：第一位必须为1，最后一位可以是x、X、0-9中的任意一位
//中间一块是指匹配13或者16位数字
if (cardnum.match("1\\d{16}[0-9xX]+|1\\d{13}[0-9xX]+") == null) {
alert("您的身份证号码不正确，请重新输入!");
return false;
}
else
//正则表达式匹配a-zA-Z0-9_中的一位或者多位，而且必须要有@.这是一个email必须的
if (email.match("[a-zA-Z0-9_]*@.") == null) {
alert("您输入的E-Mail不正确，请重新输入!");
return false;
}
else {
alert("登陆成功！");
}
}
</script>
</head>
<body>
<form action="ff.html" method="get" onsubmit="return check();">
用户名：<input id="username" type="text" name="username"/><p/>密 码： <input id="pass" type="password" name="password"/><p/>重新输入密码：<input id="rpass" type="password"/><p/>身份证号码：<input id="cardnum" type="text"/><p/>E-Mail:<input id="email" type="text"/>
<br/>
<br/>
<input type="submit" value="提交" /><input type="reset" value="重置"/>
</form>
</body>
</html>
分享到：
相关推荐
本资源"基于JavaScript的表单验证.zip"提供了一种使用JavaScript进行表单验证的方法，涵盖了HTML、CSS、JavaScript以及正则表达式等多个关键技术领域。 首先，HTML（超文本标记语言）是构建网页的基础，用于定义...
6. **表单验证**：这个插件提供了强大的验证功能，能自动检查用户输入的数据是否符合预设规则，如电子邮件格式、手机号码格式等。通过使用代码示例，开发者可以轻松集成和自定义验证逻辑。 在实际应用中，开发者会...
比较实用的javascript做的表单验证，验证的表单域包括用户名、密码、密码...表单域基本通过获得焦点显示提示信息，失去焦点进行验证，还有提交表单验证。提交表单先进行必填项不能为空验证，再进行正则表达式匹配验证。
本文将深入探讨"javascript表单验证方式一"，介绍如何利用JavaScript进行表单验证，确保用户输入的数据符合预设规则，提高用户体验，同时也减轻了服务器端的压力。 首先，表单验证的基本目标是检查用户在HTML表单中...
### 使用JavaScript语言进行表单验证 #### JavaScript与表单验证的重要性 随着互联网技术的飞速发展，表单作为用户向服务器提交数据的主要方式之一，在现代Web应用中扮演着至关重要的角色。为了确保提交的数据准确...
高级的javascript表单验证, 正则及常用验证 制作带关闭按钮的浮动窗口 制作全选全不选效果效果 DIV提示效果的表单验证
一、JavaScript表单验证的重要性 1. 提高用户体验：通过实时验证，用户可以立即得知输入是否有效，无需等待服务器响应，减少了用户的等待时间。 2. 减轻服务器压力：如果所有验证都由服务器完成，会增加不必要的...
js表单验证实例，HTML文件,javascript常用表单验证： 账号、密码、身份证等
"javascript表单正则验证自定义提示"这一主题聚焦于利用正则表达式（Regular Expressions）进行表单验证，并通过自定义提示来优化用户交互。 正则表达式是一种强大的文本处理工具，它可以用来匹配、查找、替换和...
实验报告的标题“JavaScript程序设计——页面设置与表单验证实验报告.docx”涉及的核心是JavaScript编程中的两个关键领域：页面设置和表单验证。在Web开发中，JavaScript是一种常用的客户端脚本语言，用于增强用户的...
html表单验证及javascript进行表单验证
这个"JavaScript表单验证模板"是一个实用的工具，适合初学者学习和快速实现表单数据验证功能。表单验证是确保用户输入符合特定规则的关键步骤，它可以防止无效数据提交到服务器，提高用户体验，并减少服务器端处理...
三、JavaScript表单验证方法 1. DOM操作：使用DOM API获取表单元素，如`document.getElementById`或`document.querySelector`，然后通过`.value`属性获取用户输入。 2. 验证函数：编写验证函数，接收用户输入作为...
javascript验证表单工具，各种常用表单验证的正则表达式。
总的来说，"javascript表单验证器三方库.zip" 提供了一个强大的工具，用于处理JavaScript表单验证，它具有可配置性、递归数据验证等特性，是开发高效、健壮的Web应用的重要辅助工具。无论是初学者还是经验丰富的...
JavaScript表单验证可以通过以下几种方式实现： 1. **事件监听**：利用JavaScript的事件监听机制，如`onsubmit`、`onchange`等，可以在用户提交表单或更改输入时立即执行验证函数。 2. **正则表达式**：JavaScript...
.net2005完美JavaScript通用表单验证函数,只需要包含此文件就可以实现验证功能.
下面是对给定的部分内容进行分析，以了解如何使用JavaScript进行简单的表单验证： ```html function test() { if (document.a.b.value.length > 50) { alert("超过50字符"); document.a.b.focus(); return ...
在网页开发中，表单验证是一项非常重要的任务，它确保用户输入的数据符合预期的格式，以提高数据质量并减少服务器端的压力。JavaScript 是一种常用的客户端脚本语言，它可以直接在用户的浏览器上运行，用于实现表单...
本项目主要探讨了如何使用JavaScript实现一种高效且用户友好的表单验证功能，同时结合了省市级联选择，使得用户在填写地址信息时可以方便地进行选择。 首先，表单验证是确保用户输入的数据符合预设规则的关键环节。...