被 JavaScript 验证的这些典型的表单数据有：
- 用户是否已填写表单中的必填项目？
- 用户输入的邮件地址是否合法？
- 用户是否已输入合法的日期？
- 用户是否在数据域 (numeric field) 中输入了文本？
在看例子之前，可以先看看 with() 语法：
with 语句可以方便地用来引用某个特定对象中已有的属性，但是不能用来给对象添加属性。要给对象创建新的属性，必须明确地引用该对象。
1. 语法格式
with(object instance)
{
//代码块
}
有时候，我在一个程序代码中，多次需要使用某对象的属性或方法，照以前的写法，都是通过:对象.属性或者对象.方法这样的方式来分别获得该对象的属性和方法，着实有点麻烦，学习了with语句后，可以通过类似如下的方式来实现：
with(objInstance)
{
var str = 属性1;
.....
} 去除了多次写对象名的麻烦
必填（或必选）项目
下面的函数用来检查用户是否已填写表单中的必填（或必选）项目。假如必填或必选项为空，那么警告框会弹出，并且函数的返回值为 false，否则函数的返回值则为 true（意味着数据没有问题）：
<html>
<head>
<script type="text/javascript">
function validate_required(field,alerttxt)
{
with (field)
{
if (value==null||value=="")
{alert(alerttxt);return false}
else {return true}
}
}
function validate_form(thisform)
{
with (thisform)
{
if (validate_required(email,"Email must be filled out!")==false)
{email.focus();return false}
}
}
</script>
</head>
<body>
<form action="submitpage.htm" onsubmit="return validate_form(this)" method="post">
Email: <input type="text" name="email" size="30">
<input type="submit" value="Submit">
</form>
</body>
</html>
E-mail 验证
下面的函数检查输入的数据是否符合电子邮件地址的基本语法。
意思就是说，输入的数据必须包含 @ 符号和点号(.)。同时，@ 不可以是邮件地址的首字符，并且 @ 之后需有至少一个点号：
<html>
<head>
<script type="text/javascript">
function validate_email(field,alerttxt)
{
with (field)
{
apos=value.indexOf("@")
dotpos=value.lastIndexOf(".")
if (apos<1||dotpos-apos<2)
{alert(alerttxt);return false}
else {return true}
}
}
function validate_form(thisform)
{
with (thisform)
{
if (validate_email(email,"Not a valid e-mail address!")==false)
{email.focus();return false}
}
}
</script>
</head>
<body>
<form action="submitpage.htm"onsubmit="return validate_form(this);" method="post">
Email: <input type="text" name="email" size="30">
<input type="submit" value="Submit">
</form>
</body>
</html>
相关推荐
另一个表单校验脚本，详细完整
校验表单的脚本，全面详实
首先，让我们了解什么是JavaScript表单校验。JavaScript是一种客户端脚本语言，它允许我们在用户的浏览器上运行代码，包括对用户在表单中输入的数据进行实时检查。这种校验可以在用户提交表单之前就发现错误，提供...
公共JS校验,提供了常见的JS前台表单校验
JavaScript 数据校验 用户登录 示例代码JavaScript 数据校验 用户登录 示例代码JavaScript 数据校验 用户登录 示例代码JavaScript 数据校验 用户登录 示例代码JavaScript 数据校验 用户登录 示例代码JavaScript 数据...
原生JavaScript的表单校验则是为了确保用户输入的数据符合预期格式和规则，提高用户体验，防止无效或恶意数据的提交。这个经典小项目旨在通过JavaScript实现对HTML表单的验证，无需依赖外部库如jQuery或其他前端框架...
简单的网页用户注册表单的校验，提供给大家学习，借鉴，完整代码已经打包，欢迎下载。截取一部分代码，如下： function checkuser(){//检查用户名的方法 var usernameNode=document.getElementById("username");//...
通用的js表单校验脚本
表单校验可以在客户端（如JavaScript）和服务器端（如Java、PHP等）进行，或者两者结合。MyEclipse作为一款强大的Java集成开发环境，支持创建和调试包含表单校验功能的Web应用程序。 其次，我们谈谈“文件下载”。...
"jq 表单校验工具"是一个专门用于JavaScript（js）和jQuery（jq）环境的插件，它提供了强大的功能来帮助开发者实现对表单输入的实时验证。 首先，我们来看一下这个工具的核心功能。"传参"意味着你可以向校验方法...
### JavaScript中的身份证校验知识点详解 #### 一、引言 在进行Web应用程序开发时，表单验证是一项非常重要的功能，它可以确保用户输入的数据格式正确并符合预期的要求。其中，身份证号码验证尤其重要，因为它涉及...
《jQuery的validate表单校验插件深度解析》 在前端开发中，表单校验是必不可少的一个环节，它能够确保用户输入的数据符合预设的规范，提高用户体验并减轻服务器端的压力。jQuery的validate插件作为一款强大的表单...
### JavaScript将异步表单校验改写为同步表单的知识点详解 #### 一、背景与需求 在Web开发中，表单是用户交互的重要组成部分。为了提高用户体验，开发者通常采用异步方式来处理表单校验，即在用户提交表单前，通过...
在JavaScript编程中，表单校验是不可或缺的一部分，它用于确保用户输入的数据符合特定的格式和规则，从而提高用户体验并防止无效数据提交到服务器。在本案例中，开发者使用了构造函数的方式来实现自定义的表单校验...
这篇博客“javascript 常用校验代码”可能包含了多种用于验证用户输入、数据格式以及其他关键业务逻辑的JavaScript函数和方法。 在JavaScript中，数据校验主要针对以下几个方面： 1. **用户输入校验**：这通常涉及...
在网页开发中，JavaScript校验设计扮演着至关重要的角色，它能够确保用户输入的数据符合预设的格式和规则，减少服务器端的压力，提高用户体验。本文将深入探讨JavaScript中的数据验证设计与数据获取。 一、...
总结来说，禁止用户在JavaScript表单中输入中文汉字可以通过监听输入事件，结合正则表达式进行判断来实现。这不仅可以提升用户体验，还能确保收集到的数据满足特定格式要求。在实际应用中，可以根据具体需求调整正则...
### JavaScript 源代码：Element 多个表单校验的实现 在Web开发中，表单验证是一项非常重要的功能，它可以确保用户输入的数据符合预期的格式或规则，从而提高用户体验并减少服务器端的压力。当涉及到多个表单的校验...
jQuery的表单校验插件`validate`是前端开发中常用的一个工具，它极大地简化了对HTML表单数据的验证过程。这个插件基于流行的JavaScript库jQuery构建，为开发者提供了丰富的选项和方法来定制表单验证规则，确保用户...
这个"js javaScript 验证校验小工具包"显然是一个集合了各种JavaScript验证和校验功能的资源库，旨在帮助开发者更方便地处理表单验证、数据格式检查等常见任务。 在前端开发中，验证和校验通常涉及以下几个方面： ...