网站开发常用jquery插件总结(四)验证插件validation

《网站开发常用jquery插件总结(四)验证插件validation》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、网站开发常用jquery插件总结(四)验证插件validation总结(四)验证插件validation网站开发常用jQuery插件总结(四）验证插件validation(来自:.sMHaiDa.海达:网站开发常用jquery插件总结(四)验证插件validation)在网站开发过程中，有时我们需要验证用户输入的信息是否符合我们的要求，所以我们会对用户提交的数据进行验证。验证分两次进行，一次是在客户端，一次是在服务端。客户端的验证可以提升用户的体验。jquery验证插件有很多，实现的功能也基本相同。本文介绍的

2、只是jquery验证插件中的一种jquery.validate1.jquery.validate插件功能简单实现客户端信息验证，过滤不符合要求的信息2.jquery.validate官方地址官方地址：和project/validate。在这里我们使用的版本是jquery-1.6.4.js和jquery.validate.js（1.9）1.1基本用法基本的使用十分简单只需要调用这样的话，就会在表单registForm提交时对其进行验证，验证的规则采用的是默认设置。可以包含两个部分：?设置验证的规则?设置验证不通

3、过的提示例如我们介绍一个注册实例，包含有三个属性名为userName,passPasse：必填，长度是6-20个字节passPassail格式。假设我们已经引入jquery和Validation的js类库。增加规则：在这里设置规则采用的是键值对的形式，键为对应dom。Validation插件本身封装了一下规则的方法，通过“规则名：Boolean”的形式就可以引用，比如email:true就表明会引用email的规则进行验证。注意这部分代码也需要添加到$().ready(function(){}中。下面就需要对

4、应的提示消息：提示消息也会采用键值对的形式，键为对应dom。要针对上面规则的提示编写对应的提示，如果有的规则没有编写提示将会采用默认的提示。注意message应在$(#registForm).validate({});内部编写，和rules相同时一部分。1.2自定义方法虽然说validation中内置了一些规则，如果我们的需求复杂，我们怎么满足呢？其实我们自定义规则。比如说，我们需要说用户名只能是中文字、英文字母、数字和下划线然后我们在对应的rules里设置validateUserName：true就可以了。

5、1.3错误提示的位置默认情况下，错误提示是有validation框架生成一个<lable>标签，这个标签默认显示在所校验项的后部。如果想要改变错误提示的位置，可以在你要显示提示的地方增加一个<div>。例如我们在页面的底部增加了一个<divclass=”error”/>；我们只需设置validator的默认行为即可：篇五：开源轻量级jqueryvalidation验证插件对于表单验证，大家都不陌生，市面上太多太多的校验框架，其中不缺乏精品中的精品。小弟特此也开源发布一个小插

6、件。没有其他目的，和大家一起分享下成果。首先先说下写这个插件的原因。最近在和某公司一起合作一个项目，合作公司用的Din-max=3-5min-message=字符长度不得小于3个字符3.max-message=字符长度不得超过5个字符4.required-message=文本不能为空！>这是一个文本校验是否为空，输入长度在3-5个字符。check-type：校验类型required-message：提示信息min-max;最小与最大字符长度现阶段支持的check-type类型包括：required：不能

7、为空number：数字类型mail：邮件地址校验char：必须为英文字符chinese:必须为中文字符mobile:手机号码校验passPd:日期格式idCard：身份证号二：前台调用方式:为了达到轻量简单方便前台调用方式简单Js代码1.<script>2.3.$(function(){4.$('#form').myValidate(subBtn,function(){5.callbackFunction();6.});7.});8.//在这个函数中我们可以做我们想做的任何操作。包

8、括自定义封装的ajax方式9.//完全抛弃其他校验框架固定的ajax校验的规则束缚10.functioncallbackFunction(){11.alert(回调函数);12.}13.</script>下面是效果图：效果图2效果图3