JavaScript：HTML表单验证

你将学习到的知识

在本教程中，您将学习如何使用JavaScript验证HTML表单。我们已通过示例探讨了以下HTML表单验证主题：

• 检查非空
• 检查所有字母
• 检查所有数值
• 检测浮点数
• 检查字母与数字
• 检查字符串长度
• 电子邮件验证
• 日期验证
• 示例注册表单
• 电话号码验证
• 信用卡号验证
• 密码验证
• IP地址验证

表单验证是什么？

表单验证是确保用户通过表单提交的数据符合为收集数据所设定的标准的过程。例如，若使用注册表单并要求用户提交姓名、电子邮件地址和住址信息，必须通过代码（使用JavaScript或其他语言）验证用户输入的姓名是否仅包含字母、电子邮件地址是否有效以及住址格式是否规范。

访问表单数据

若一个HTML文档包含多个表单，可通过以下两种方式访问：使用document.form_name（其中form_name为表单元素name属性的值）或使用document.forms[i]（i为0、1、2...索引值）。document.forms[0]对应文档中的第一个表单，document.forms[1]对应第二个表单，依此类推。

表单元素可通过 document.form_name.form_element 进行访问，其中 form_name 是表单元素name属性的值， form_element 是表单内元素name属性的值。

除本教程涵盖的方法之外，也可通过DOM API访问表单及其元素。但这些内容不属于本教程的讲解范围。

上一篇：JavaScript：Java对象、JavaArray、JavaClass、JavaObject、JavaPackage、Packages、sun、netscape
下一篇：JavaScript：HTML表单 - 验证非空字段