15、表单元素与验证全解析

表单元素与验证全解析

1. 引言

在超文本链接之外，表单元素是网页开发者与网页读者之间最早的交互形式，也是人们对脚本语言产生兴趣的最初原因之一。随着 JavaScript 的出现，在数据发送到服务器之前就可以对表单元素进行验证，这既节省了读者的时间，又减少了网站的额外处理。JavaScript 还能根据读者提供的数据修改表单元素，例如当选择某个州时，在选择列表中填充该州的城市名称。

需要记住的重要一点是，有些人会关闭 JavaScript，所以不能将其作为任何表单操作的依赖。JavaScript 是起到增强作用，而非替代作用。虽然在客户端验证表单可以节省往返时间，但作为一种合理的设计实践，仍然需要在服务器端对数据进行验证。

2. 访问表单文本输入值

• 问题 ：需要使用 JavaScript 访问文本输入表单元素的内容。
• 解决方案 ：使用 DOM 访问表单元素，代码如下：

var formValue = document.forms["formname"].elements["elementname"].value;

• 讨论 ：网页中的表单可以通过 document 对象的对象集合（forms）进行访问。每个表单都有自己的表单元素集合（elements）。访问表单元素的值会因表单元素的类型而异。例如，文本输入或文本区域表单元素的值可以使用 value 属性进行