零基础学JavaScript表单对象

2、对象。document.forms[i]13.1.2表单对象的属性Form对象的属性大多与form元素的属性相关。（具体内容请参照书。）13.1.3表单对象的方法Form对象的方法并不多，只有reset()和submit()两个方法，这两个方法类似于单击了重置按钮和提交按钮。（具体内容请参照书。）13.1.4表单对象的事件Form对象的事件与Form对象的方法相似，也是和表单的提交与重置相关的。（具体内容请参照书。）13.2表单对象的应用利用Form对象的属性、方法和事件可以现实很多动态效果。本节里介绍几个Form对象的应用方法，希望可以起到抛砖引玉的作用。13.2.1表单验证在Form对象

3、中使用得比较多的就是表单验证。在填写表单时，常常有些必选项是需要填写的，因此，在提交表单时，可以先验证是不是所有的必选项都已经填写完毕，如果是的话则提交表单，否则取消提交表单，让用户继续填写。（具体内容请参照书。）13.2.2循环验证表单在上面的例子中，通过元素名称判断每一个文本框是否输入了文字，这种方法使用起来比较方便，源代码看上去也比较直观。然而，Form对象的elements属性可以返回所有表单中的元素，因此可以使用一个循环来判断elements[]数组中对象的value属性值的长度是否为0来验证表单。（具体内容请参照书。）13.2.3设置表单的提交方式在表单填写完毕之后，可以将表单提

4、交到一个接收表单内容的地方。通常的做法是，将表单提交到一个动态网页，动态网页接收到表单的内容之后，将其写入数据库或以文本形式记录在服务器，以便日后使用。而另一种做法是，将表单内容作为Email的内容发送到一个指定的邮箱中。下面的例子可以让用户自己选择将表单以哪种方法提交。（具体内容请参照书。）13.2.4重置表单的提示在默认情况下，如果用户单击了重置表单按钮，浏览器窗口就会马上将表单中的所有元素的值设置为初始状态。如果用户一不小心单击了该按钮，则会清除所有已经填写完毕的数据。为了防止这种意外情况的出现，可以在单击重置按钮时，弹出一个确认框，让用户确认是否重置表单。（具体内容请参照书。）13.

5、2.5不使用提交按钮提交表单通常在表单中，都是使用单击提交按钮的方法来提交表单。然而，在Form对象中有一个submit()方法，使用该方法可以在不使用提交按钮的情况下提交表单。（具体内容请参照书。）13.3表单元素Form表单中可以存在很多表单元素，通常在浏览器窗口中，看不到Form元素，但是可以看到这些表单元素。13.3.1表单元素在HTML中定义的表单元素有很多，这些表单元素可以让用户输入文字，如文本框、密码框等；或者让用户选择可选项，如下拉列表框、复选框等；也可以让用户提交信息或重置表单，如提交按钮、重置按钮等；甚至还可以为程序员提供开发上的便利，如隐藏框等。在HTML4.01中所规

6、定的表单元素如表13-4所示。（具体内容请参照书。）13.3.2表单元素的命名在上一节中可以看出，标签与