Jquery.validata 使用

 

添加js引用

添加jquery.js，jquery.validate1.js，jquery.metadata.js，jQuery.validate.message_cn.js，jquery.validate.ext.js文件的引用。注意顺序

 

 

添加一个错误提示的样式（可定义自己喜欢的），

label.error

        {

            background:url(images/error.png) no-repeat 0px 0px;

            color: Red;

            padding-left: 20px;

       }

注册验证的form

<script type="text/javascript">

        $(function(){

            jQuery("#<%=form1.ClientID %>").validate();

        })

</script>

使用方法

格式是json，注意绿色的地方

例子：

验证电话的：

<asp:TextBox ID="txtTel"runat="server" Style="width: 200px;"CssClass="{required:true,isPhone:true, messages:{required:'忘记输入电话了哦',isPhone:'电话号码不对哦'}}"></asp:TextBox>

 

详细使用，请浏览demo

验证类型：

内置验证方式：

required()

返回:Boolean

必填验证元素

required(dependency-expression)

返回:Boolean

必填元素依赖于表达式的结果

required(dependency-callback)

返回:Boolean

必填元素依赖于回调函数的结果

remote(url)

返回:Boolean

请求远程校验。url通常是一个远程调用方法

minlength(length)

返回:Boolean

设置最小长度

maxlength(length)

返回:Boolean

设置最大长度

rangelength(range)

返回:Boolean

设置一个长度范围[min,max]

min(value)

返回:Boolean

设置最大值

max(value)

返回:Boolean

设置最小值

email()

返回:Boolean

验证电子邮箱格式

range(range)

返回:Boolean

设置值的范围

url()

返回:Boolean

验证URL格式

date()

返回:Boolean

验证日期格式(类似30/30/2008的格式,不验证日期准确性只验证格式)

dateISO()

返回:Boolean

验证ISO类型的日期格式

dateDE()

返回:Boolean

验证德式的日期格式（29.04.1994 or 1.1.2006）

number()

返回:Boolean

验证十进制数字（包括小数的）

digits()

返回:Boolean

验证整数

creditcard()

返回:Boolean

验证信用卡号

accept(extension)

返回:Boolean

验证相同后缀名的字符串

equalTo(other)

返回:Boolean

验证两个输入框的内容是否相同

phoneUS()

返回:Boolean

验证美式的电话号码

 

扩展的验证方式：（如果不需要，可以不添加jquery.validate.ext.js文件）

stringCheck()

返回:Boolean

只能包括中文字、英文字母、数字和下划线

isIdCardNo()

返回:Boolean

验证身份证号码

isMobile()

返回:Boolean

验证手机号码

isTel()

返回:Boolean

验证电话号码

isPhone()

返回:Boolean

验证联系电话(手机/电话皆可)

isZipCode()

返回:Boolean

验证邮政编码