首页 理论教育 表单检查功能:确保用户输入正确的数据类型

表单检查功能:确保用户输入正确的数据类型

时间:2023-11-06 理论教育 版权反馈
【摘要】:“检查表单”动作检查指定文本域的内容以确保用户输入了正确的数据类型。单击“行为”面板上的加号(+)按钮,从弹出菜单中执行“检查表单”命令,打开如图10-23所示的“检查表单”对话框。图10-23 “检查表单”对话框图10-24 “检查表单”行为的效果如果“密码”域为空;出生日期的“年”不在1900~2007之间,“日”不是1~31间的数字;身份证号码不是全为数字,则提交表单时,会弹出一个警告对话框,列出所有错误的信息,并取消提交表单。

表单检查功能:确保用户输入正确的数据类型

“检查表单”动作检查指定文本域的内容以确保用户输入了正确的数据类型。使用onBlur事件将此动作附加到单个文本域,在用户填写表单时对表单对象的值进行检查;或使用onSubmit事件将其附加到表单,在用户单击“确定”按钮时,同时对多个文本域进行检查。将此动作附加到表单,防止表单提交到服务器后任何指定的文本域包含无效的数据。

下面通过一个简单例子演示使用“检查表单”动作的一般步骤。

978-7-111-34315-8-Chapter10-95.jpg 打开一个含有表单的HTML页面,选中表单,并打开“行为”面板。

978-7-111-34315-8-Chapter10-96.jpg 单击“行为”面板上的加号(+)按钮,从弹出菜单中执行“检查表单”命令,打开如图10-23所示的“检查表单”对话框。

●“域”:在列表框中列出可用的所有域名供选择设置。

●“必需的”:表单对象必须填有内容,不能为空。

●“任何东西”:表单对象是必需的,但不需要包含任何特定类型的数据。

如果没有选择“必需的”选项,则该选项就无意义了,也就是说它与该域上未附加“检查表单”动作一样。

●“数字”:检查该域是否只包含数字。

●“电子邮件地址”:检查该表单对象内是否包含一个@符号。

●“数字从”:表单对象内只能输入指定范围的数字。

978-7-111-34315-8-Chapter10-97.jpg 在“域”中选中password,然后勾选“必需的”,并在“可接受”区域选择“任何东西”选项。(www.xing528.com)

978-7-111-34315-8-Chapter10-98.jpg 在“域”中选择year,然后勾选“必需的”,并在“可接受”区域选中“数字从”,范围为1900~2007。

978-7-111-34315-8-Chapter10-99.jpg 在“域”中选择day,然后勾选“必需的”,并在“可接受”区域选中“数字从”,范围为1~31。

978-7-111-34315-8-Chapter10-100.jpg 在“域”中选择idcard,然后勾选“必需的”,并在“可接受”区域选中“数字”。

978-7-111-34315-8-Chapter10-101.jpg 在“域”中选择text,然后勾选“必需的”,并在“可接受”区域选中“任何东西”选项。

978-7-111-34315-8-Chapter10-102.jpg 单击“确定”关闭对话框。然后保存文档,在浏览器中预览页面效果。如图10-24所示。

978-7-111-34315-8-Chapter10-103.jpg

图10-23 “检查表单”对话框

978-7-111-34315-8-Chapter10-104.jpg

图10-24 “检查表单”行为的效果

如果“密码”域为空;出生日期的“年”不在1900~2007之间,“日”不是1~31间的数字;身份证号码不是全为数字,则提交表单时,会弹出一个警告对话框,列出所有错误的信息,并取消提交表单。

在Dreamweaver CS5中,利用Adobe预制的表单验证组件,如Spry验证文本域、Spry验证复选框、Spry验证选择等构件,新手或是对编程提不起兴趣的用户也可轻松快捷地检查表单,构建AJAX页面。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈