DWCS6教程99—使用spry验证表单文本域

Adobe Dreamweaver CS6视频教程

讲师：瑞德威(赵老师)

第三十四课 spry表单验证

表单验证也是在制作网页时经常使用，比如检测表单是否输入了文字，以及文字数量或者格式是否符合要求等，很多设计师需要使用js脚本或者正则表达式去操作，可是有一部分设计师或许不太熟练javascript脚本技术，那么就可以使用spry对象来实现表单验证的功能了，通过spry对象，我们不用编写代码，完全是傻瓜式的操作，所以不但功能强大，而且简单易懂。

1、spry验证文本域

a、把光标定位到需要插入文本域的地方，单击spry对象面板中的spry验证文本域按钮。

b、在跳出的输入标签辅助功能属性对话框中，输入文本域的ID名、标签名等，然后确定即可。

c、单击输入框，可设置该文本域的一些属性，比如：文本域的ID名、字符宽度、最多字符、类型、初始值等。

c、单击选中spry文本域，在属性栏可以修改选项设置：

文本域id名：默认sprytextfield1

类型：可以选择要验证的数据类型，默认无，为字符型。
格式：主要用于日期型、时间型、IP地址等的显示格式外观
预览状态：初始、必填、有效
验证于：就是触发验证的事件，onblur失去焦点、onchange内容变化时、onsubmit提交时
图案：暂时不能使用

提示：提交失败时在输入框里显示的文字内容。
最小字符数/最大字符数：可输入的最少及最多字符数量
最大值/最小值：验证类型为整数时可以使用
必需的：如果取消勾选，则不验证直接提交
强制模式：禁止用户在验证文本域构件中输入无效字符

d、如果需要修改提示文本内容，可以切换到代码模式，直接修改span标签里面的文字即可。

e、如果需要修改文本域或者提示文本的外观样式，可切换到SpryValidationTextField.css文件中修改其css样式即可。