JavaScript DOM学习第五章：表单简介

核心提示： 当然这段代码可以写的很复杂，如果你需要检测很多表单项目或者一大堆的单选框，JavaScript DOM学习第五章：表单简介(3)，基本思想就是这样了：你遍历表单里的每一个需要检查的元素，如果发现了错误就返回false，所有的input，select，然后代码停止运行，表单也不会被提交

当然这段代码可以写的很复杂，如果你需要检测很多表单项目或者一大堆的单选框。基本思想就是这样了：你遍历表单里的每一个需要检查的元素，如果发现了错误就返回false，然后代码停止运行，表单也不会被提交。

当你发现了错误的时候，你应该提醒用户。可以用一个警告框，不过今天大多数的办法是生成一条错误信息然后添加在错误条目的后面。

只有在最后地方，你检查过了所有的元素并且没有发现错误，那么你就返回true，表单就会被提交。

表单的方法和属性

JavaScript对于处理表单还有一些内建的方法和属性。其中三个比较重要：

你可以用submit()方法来提交表单。提交页面的第一个表单你可以写：

1　document.forms[0].submit()

注意当用户使用JavaScript提交表单的时候，表单的事件处理程序就不起作用了。

重置表单，你可以：

1　document.forms[0].reset()

我假设，没有做测试，你如果使用这个方法，那么重置表单的事件处理程序也就不会执行。

最后你可以修改表单的ACTION项：

1　document.forms[0].action　=　'the_other_script.pl';

如果表单在某些情况需要提交给其他页面的时候这个方法就相当方便。

访问表单元素

表单的有效性检测需要访问到表单的元素才能知道用户填了什么内容进去。所以首先我们需要根据Level 0 DOM来访问表单。一般这样写：

1　document.forms[number].elements[number]

当页面加载之后，JavaScript就会生成一个forms数组用来存储页面上所有的表单。所以第一个表单就是forms[0]，第二个就是forms[1]等等。

JavaScript把表单里面的每个元素也存储进了一个数组。第一个元素就是elements[0]，第二个就是elements[1]。所有的input，select，textarea都是一个元素。

编缉推荐阅读以下文章

• JavaScript DOM学习第六章：表单实例
• JavaScript DOM学习第四章：getElementByTagNames
• JavaScript DOM学习第三章：内容表格
• JavaScript DOM学习第二章：编辑文本
• JavaScript DOM学习第一章：W3C DOM简介
• javaScript DOM方法与属性摘要