[1.使用实例]

一列布局
二列布局
实例:在调用jquery扩展插件的formobj、jsonSubmit或validate方法时,会执行校验过程
$("#formId").jsonSubmit(); 
$("#formId").formobj();
$("#formId").validate();
		

属性
    如要校验某种类型,要求input存在validate属性,并且 validate属性 的值要求是一个合法的 json字符串
    例如:
<input name="username" type="text" validate="{type:'string',maxLength:20,minLength:6}" />
    以下所说的属性,全部都是json字符串的属性。

    主属性是验证某一个类型必须存在的属性,副属性可选,不是必须存在的属性。

    目前一共可以验证13种类型,再加上最后一种给定自定义正则表达式的自定义验证类型。

    name属性或displayName在显示错误信息的时候要用到,但是也可以选择不给出(此时作为输入框的name属性必须存在)
类型 主属性和可选值 副属性和可选值(空白表示无)
1、非空 notNull=true或nullable=true
2、包含空格的非空 notNullWithoutTrim=true
3、数字(小数) isNumber=true或type=number或type=1或type=2 max或maxValue(必须是数字,如果两个都给出,只使用前者)
min或minValue(必须是数字,如果两个都给出,只使用前者)
integerDigits整数位数(必须是数字)
decimalDigits或dotNumber小数位数(必须是数字,如果两个都给出,只使用前者)
4、数字(整形) isInteger=true max或maxValue(必须是数字,如果两个都给出,只使用前者)
min或minValue(必须是数字,如果两个都给出,只使用前者)
5、电子邮件 isEmail=true或type=email
6、字符串 isWord=true或type=string或type=8或type=9 character="",将所有你认为是特殊字符的字符放进去,例如character="!@#$%^&*()"。
(如果特殊字符中存在中划线 - 的话,必须放在第一个)
(如果特殊字符中存在脱字符 ^ 的话,必须不能放在第一个)
7、不允许为默认值 isDeaultValue=true、deaultValue=一个给定的值
8、固定电话号码 type=telephone
9、手机号码 type=mobilePhone
10、日期类型(要求格式:yyyy-MM-dd) type=3
11、日期时间类型(要求各市:yyyy-MM-dd HH:mm:ss) type=4
12、最大长度 maxLength=一个数字
13、最小长度 minLength=一个数字
14、自定义正则表达式 regExp=一个自定义的正则表达式,例如/[\d+]/
15、自定义校验函数 主属性:func=一个自己定义的函数(必须是全局函数,可以是匿名函数)

(该函数可以没有返回值(js中没有返回值的话默认为null),返回null或false表示校验未通过)
16、自定义错误提示 主属性:errorMsg=一个字符串,例如:请输入数字!
17、js设置校验规则
请看下方的MxtCheckMsg方法
方法
方法名 描述
MxtCheckForm 校验一个form所有的输入框,校验规则由输入框的validate属性指定
最多允许两个参数
第一个参数可以是一个容器(Dom对象,例如一个form)的ID,也可以是一个容器(Dom对象)
第二个参数是一个jquery选择器,表示校验容器内的哪些输入框元素。
MxtCheckInput 校验单个输入框,校验规则由输入框的validate属性指定
只允许一个参数
可以是一个输入框的Id,也可以是一个输入框Dom对象。
MxtCheckMsg
使用js添加校验信息
允许两个参数,第一个是校验信息,必须;第二个参数可选,表示容器Id
例子如下: MxtCheckMsg( { "input[name=telephone]" : { type:'string',name:'电话',notNull:true,errorMsg:'动态修改的电话校验,不能为空!' } } , "tableForm");
第一个参数应该是一个js对象,key表示一个jQuery选择器,value是校验信息(与validate属性类似) 第二个参数应该是一个容器Id,或者也可以是一个jQuery对象或Dom对象。