零基础学 javascript.ppt

文档介绍：第13章表单对象?Document 对象的 forms 属性可以返回一个数组,数组中的元素都是 Form 对象。 Form 对象又称为表单对象,该对象可以让用户实现输入文字、选择选项和提交数据等功能。 表单对象?Form 对象代表了 HTML 文档中的表单,由于 HTML 中的表单会由很多表单元素组成,因此 Form 对象也会包含很多子对象。 表单对象介绍?在HTML 文档中有可能会出现多个表单,也就是说, 一个 HTML 文档中有可能出现多个<form> 标签。 JavaScript 会为每个<form> 标签创建一个 Form 对象,并将这些 Form 对象存放在 forms[] 数组中。因此,可以使用以下代码来获得文档中的 Form 对象。?[i] 表单对象的属性?Form 对象的属性大多与 form 元素的属性相关。 表单对象的方法?Form 对象的方法并不多,只有 reset() 和submit() 两个方法,这两个方法类似于单击了重置按钮和提交按钮。 表单对象的事件?Form 对象的事件与 Form 对象的方法相似,也是和表单的提交与重置相关的。 表单对象的应用?利用 Form 对象的属性、方法和事件可以现实很多动态效果。本节里介绍几个 Form 对象的应用方法, 希望可以起到抛砖引玉的作用。 表单验证?在Form 对象中使用得比较多的就是表单验证。在填写表单时,常常有些必选项是需要填写的,因此,在提交表单时,可以先验证是不是所有的必选项都已经填写完毕,如果是的话则提交表单, 否则取消提交表单,让用户继续填写。 循环验证表单?在上面的例子中,通过元素名称判断每一个文本框是否输入了文字,这种方法使用起来比较方便, 源代码看上去也比较直观。然而, Form 对象的 elements 属性可以返回所有表单中的元素,因此可以使用一个循环来判断 elements[] 数组中对象的value 属性值的长度是否为 0来验证表单。 设置表单的提交方式?在表单填写完毕之后,可以将表单提交到一个接收表单内容的地方。通常的做法是,将表单提交到一个动态网页,动态网页接收到表单的内容之后,将其写入数据库或以文本形式记录在服务器, 以便日后使用。而另一种做法是,将表单内容作为Email 的内容发送到一个指定的邮箱中。下面的例子可以让用户自己选择将表单以哪种方法提交。