本教程为你们介绍一下Dreamweaver检查表单行为,使用“检查表单”行为能够为表单中各元素设置有效性规则。ui
1、Dreamweaver检查表单行为设计
1. 在文档中插入表单和文本域。3d
2. 重复第1步添加其它文本域。blog
3. 选择验证方法:教程
若是要在用户填写表单时分别验证各个文本域,请选择一个文本域。事件
若是要在用户提交表单时验证多个文本域,请点击“文档”窗口左下角标签选择器中的标签。若是没有标签,首先在文档的“设计”窗口中,点击窗口内的红色虚线框,以选择表单,而后再在左下角选择便可。文档
4. 打开行为面板。it
5. 点击“添加行为(+)”按钮,在弹出的下拉菜单中选择“检查表单”命令,以下图所示:test
6. 打开“检查表单”对话框,以下图所示:require
7. 执行下列步骤之一:
若是只验证单个域,请从“域”列表中选择和在“文档”窗口中选择的一样名称的域。
若是要验证多个域,请从“域”列表中选择某个文本域。
8. 若是该域必须包含某种数据,请在“值”中选择“必需的”项。
9. 在“可接受”项中选择下列选项:
任何东西:检查该域中必须包含有数据,可是数据类型不限。
数字:检查该域中是否只包含数字字符。
电子邮件地址:检查该域中是否包含一个@符号。
数字从:检查该域中是否包含指定范围内的数字。在后面的文本框中输入数值。
10. 若是须要验证多个域,请在“检查表单”对话框的“域”中选择另外须要验证的域,而后重复第8步和第9步。
11. 单击“肯定”按钮。
若是是在用户提交表单时验证多个域,则onSubmit事件将自动出如今“事件”菜单中。
若是是验证单个域,则要检查默认的事件是不是onBlur或onChange事件。若是不是,请从“事件”下拉菜单中选择onBlur或onChange事件。
onBlur或onChange事件都用于在用户从该域中移走时触发“检查表单”行为。区别在于:onBlur事件不管用户是否在该域中输入内容都会发生,而onChange事件只在用户改变了域中的内容时才会发生。
所以,当指定的域必需要填写内容时最好使用onBlur事件。
2、更改Dreamweaver中默认检查表单的提示信息
下面将Dreamweaver中检查表单时出现的英文提示信息改成中文提示信息。
1. 将文本域中的name和id项改成合适的中文名字。
2. 将“is required”修改成“不能为空”或其它信息。
例
} } } else if (test.charAt(0) == "R") errors += "- "+nm+" is required. "; }
改成
} } } else if (test.charAt(0) == "R") errors += "- "+nm+" 不能为空。 "; }
3. 将“The following error(s) occurred:”修改成“提示”或其它信息。
例
} if (errors) alert("The following error(s) occurred: "+errors);
改成
} if (errors) alert("提示: "+errors);