JavaScript DOM 学习第五章 表单简介

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

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

这里还有一篇Jeff Howden的介绍表单的使用错误和解决办法。Forms & JavaScript Living Together in Harmony
局限性
首先，你需要了解当用户提交了表单之后JavaScript的检测代码会做什么：
1、JavaScript检测表单时可能会像下面这样。如果代码发现了一个错误，那么提交就会暂停，然后给用户一个警告让他输入正确的数据。
2、如果没有什么错误或者JavaScript是关闭的那么表单内容就发送到服务器端。
3、如果服务器端的脚本发现了错误，就会返回一些错误信息。在这种情形下，用户需要返回表单然后重新填写数据再次提交。
4、如果没有错误发生，那么服务器端完成必要的工作并显示感谢信息。
就像你所看到的，数据在提交过程中会检测两次：一次是JavaScript一次是服务端。服务端检测总是可行的，而且是可靠的。JavaScript的检测只有在用户开启JavaScript功能的时候才有用，那么既然服务端总是可靠有效，并且与用户使用的浏览器无关，那么为什么还需要JavaScript检测呢？
JavaScript检测是服务器端检测的一个有效补充，因为他能在数据发往服务器端的时候先检测一遍。这样用户就不用使用后退按钮回去修改表单内容，那样会很麻烦，而且在寻找填错的内容也是一件相当麻烦的事情。所以JavaScript检测比服务器端检测对用户的使用体验帮助更大。
所以JavaScript不是一个完全的检测机制，但是作为服务器端的补充和对用户的友好性来讲还是一个不错选择。所以我建议使用这两种检测机制，既满足了用户的使用体验要求又保证了程序的安全性。
onsubmit
当你使用JavaScript来检测表单的时候，第一个事情就是创建onsubmit的事件处理程序。这个程序会在用户提交表单的时候运行。这个程序会检测某些字段是否有值填写，那些复选框是否选择了至少一个，或者其他的你需要检测内容。
代码如下：
代码如下:
<form action="something.pl" onsubmit="return checkscript()">

checkscript()就是这个程序的名字。这段代码需要返回true或者false。如果返回的是false，那么表单就不会被提交，不论返回true还是false代码都会停止运行。
所以生成的代码如下：
代码如下:
function checkscript() {
    if (some value is/is not something) {
        // something is wrong