用Dreamweaver 3.0轻松验证表单

Author: 周辉腾 Date: 2000年第48期

　　在用户填写完HTML表单（Form）并将数据提交到服务器之前，一般情况下我们要用JavaScript在客户端浏览器中验证一下表单中填写的数据是否符合规范，然后再提交给服务器端脚本，这样可以减少对服务器端脚本执行时间和次数，提高服务器性能。Dreamweaver 3.0简化了一切，“Behaviors”中的“Validate Form”就可以实现轻松验证表单。
　　用Dreamweaver做好一个表单，并将表单和每个表单单元（如文本框、选择按钮等）的名称（Name）取好，用鼠标将整个表单区域选中，然后按下F8调出“Behaviors”子窗口，这时这个子窗口的标题栏应该是“Behaviors－<Form> Actions”（如^48040202a^1）。
　　在Behaviors子窗口中，下拉菜单“Event For”是选择事件脚本对浏览器的优化／兼容性的，建议选择“4.0 and Later Browser”即可。单击“＋”按钮，在弹出的菜单中选择倒数第二项“Validate Form”，这时应该弹出标题为“Validate Form”的子窗口。本窗口中，多行文本框“Name Fields”列出的当前表单中所有可能需要验证的单元（如^48040202b^2）；多选按钮“Value”决定“Name Fields”选中的表单项是否应该为“Required”，即必须的。选中此项则表单中此输入框为必填项目。单选按钮“Accept”决定的是验证输入的数据类型：选择“Anything”表示不进行检查；选择“Email Address”会检查输入是否为一个符合E－mail地址形式的字符串；选择“Number”和“Number From □ To □”都是检查输入是否为数字，不同的是后者只允许输入值介于“From”与“To”之间。
　　举一个例子说明。一个名为“register”的Form，其中包含名为“strName”、“intAge”和“strEmail”等文本框（Input type="text"），假设上面提到的这三项都是必填项目，那么应该有以下检查：1.检查此三项是否填写；2.检查“intAge”是否为数字，而且应该在常规年龄之内，如1～120岁（不会有年龄超出此范围的网民吧？）；3.检查“strEmail”是否是格式正确的E－mail地址字符串。这时我们要做的就是在“Validate Form”的子窗口中的“Name Fields”分别选中这些项目，然后把它们的“Value □ Required”选中；再分别将“strName”、“intAge”和“strEmail”置为“Anything”、“Number From 1 To 120”和“Email Address”。
好了，就这么简单。