开发学院网页设计 JavaScript JavaScript DOM学习第五章：表单简介阅读

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

　2010-03-30 00:00:00　来源：WEB开发网　　　

核心提示：因为每一个表单的检测项都不同，所以我也不能给你一个万能的代码，JavaScript DOM学习第五章：表单简介，你需要用我在这一章介绍的这些元素构建自己的检测函数，我在后面一张还有一个例子，那样会很麻烦，而且在寻找填错的内容也是一件相当麻烦的事情，你也可以参考，在这一章我会首先讨论一下用JavaScript来检测表单的

因为每一个表单的检测项都不同，所以我也不能给你一个万能的代码。你需要用我在这一章介绍的这些元素构建自己的检测函数。我在后面一张还有一个例子，你也可以参考。

在这一章我会首先讨论一下用JavaScript来检测表单的局限性，然后会解释一下提交时间处理程序，然后是表单本身的一些方法和属性。最后就是如何访问表单元素。

这里还有一篇Jeff Howden的介绍表单的使用错误和解决办法。Forms & JavaScript Living Together in Harmony

局限性

首先，你需要了解当用户提交了表单之后JavaScript的检测代码会做什么：

1、JavaScript检测表单时可能会像下面这样。如果代码发现了一个错误，那么提交就会暂停，然后给用户一个警告让他输入正确的数据。

2、如果没有什么错误或者JavaScript是关闭的那么表单内容就发送到服务器端。

3、如果服务器端的脚本发现了错误，就会返回一些错误信息。在这种情形下，用户需要返回表单然后重新填写数据再次提交。

4、如果没有错误发生，那么服务器端完成必要的工作并显示感谢信息。

就像你所看到的，数据在提交过程中会检测两次：一次是JavaScript一次是服务端。服务端检测总是可行的，而且是可靠的。 JavaScript的检测只有在用户开启JavaScript功能的时候才有用，那么既然服务端总是可靠有效，并且与用户使用的浏览器无关，那么为什么还需要JavaScript检测呢？

JavaScript检测是服务器端检测的一个有效补充，因为他能在数据发往服务器端的时候先检测一遍。这样用户就不用使用后退按钮回去修改表单内容，那样会很麻烦，而且在寻找填错的内容也是一件相当麻烦的事情。所以JavaScript检测比服务器端检测对用户的使用体验帮助更大。

编缉推荐阅读以下文章