牛课网javascript考试知识考点：JQureyValidation表单验证使用详解

牛课网

05-11

0次

为了帮助大家网页设计师考试基础知识，我们考吧网特为广大考生整理关于javascript知识精选资料，希望广大考生能够喜欢。想了解更多资讯请继续关注我们考吧，同时也欢迎来我站学习。

是一款优秀的插件，它能对客户端表单进行验证，并且提供了许多可以定制的属性和方法，良好的扩展性。本文就是通过讲解这个实例来理解Validation的应用。

本实例涉及到的验证有：

用户名：长度、字符验证，重复性ajax验证(是否已存在)。

密码：长度验证，重复输入密码验证。

邮件：邮件地址验证。

固定电话：中国大陆固定电话号码验证。

手机号：中国大陆手机号码验证。

网址：网站URL地址验证。

日期：标准日期格式验证。

数字：整数、正整数验证，数字范围验证。

身份证：大陆身份证号码验证。

邮政编码：大陆邮政编码验证。

文件：文件类型(后缀)验证，如只允许上传图片。

IP：IP地址验证。

验证码：验证码ajax验证。

使用方法：

1、准备jquery和jquery.validate插件

2、准备CSS样式

页面样式我不再详述，大家可以自己写个样式，也可以参看DEMO的页面源代码。这里要强调的关键样式是要显示验证信息的样式

label.error{color:#ea5200; margin-left:4px; padding:0px 20px;

background:url(images/unchecked.gif) no-repeat 2px 0 }

label.right{margin-left:4px; padding-left:20px; background:

url(images/checked.gif) no-repeat 2px 0}

3、XHTML

用户名：td>

密码：td>

确认密码：td>

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22	jquery.validation 表单验证td> tr>
用户名为3-16个字符，可以为数字、字母、下划线以及中文p>td> tr>
最小长度:6 最大长度:16p> td> tr>
td> tr> table> form>

编辑推荐：

Flash考试高频知识考点汇总