目前支持4种大的校验方式,分别是:InputValidator(针对input、 textarea、select控件)、CompareValidator、AjaxValidator、RegexValidator、 FunctionValidator 每种格式支持的控件类型如下:
如果你用了不支持的校验功能,插件将忽略这个校验功能。 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
插件目前提示错误,有两种模式:showword和 showalert,即文字提示和窗口提示,下面的5大验证方式,针对showalert这种方式不是都必须的,有些配置是没有作用的 下面分别罗列全局初始化和5种校验方式公开的属性 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
formValidator: | 用来做初始化的类型,必须先执行 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
InputValidator: | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
CompareValidator: | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
RegexValidator: | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
AjaxValidator: | 几乎所有的属性跟$.ajax()的属性一样,请参考$.ajax()函数的帮助 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
公共函数: | 主要是设置全局参数和判断是否通过校验 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
问答: | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
1、如何实现一个控件,根据不同的情况,实现不同的控制? | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
你只需要在你的不同种情况下,重新设置你的【一行代码】 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
2、一个页面上我有几个tab页,如何实现每个Tab页上的控件单独校验? | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
每个Tab页上需要校验的控件,你在写【一行代码】的时候,显示的声明组号 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
3、我采用的页面上文字问题的方式,点提交的时候,有校验未通过的,除了文字提示外,还可以再弹出窗口提示吗? | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
这个问题很简单,你只要设置改组的全局配置, jQuery.formValidator.initConfig({onError:function(){alert(“有部分校验没有通过,请看页面具体提示”);}}) | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
4、所有校验通过后,我还要再做别的判断可以吗?我自己的判断没有通过可以中断提交吗? | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
同样很简单,你页只需设置该组的全局配置, jQuery.formValidator.initConfig({onSuccess:function() { if(你的额外判断失败) return false; else return true; }}) | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
5、我有一组的checkbox(radiobutton)如何设置校验? | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
你只需在该组的第一个checkbox上设置校验信息即可,具体请参考demo1里的范例 如果你该组的第一个控件的ID ,你可以这么写:$(“sex_1”).InputValidator({…}) 如果你只知道该组的name,你可以这么写:$(“input:check[@name=’sex’]”).slice(0,1).InputValidator({…}) | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
6、我有2个表单元素,任意一个元素输入东西就算验证通过,如何写代码?比如要求输入中文名字和英文名字任意一个即算校验通过。 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
正在开发这个功能 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
7、一个表单元素校验通过了,但是我想额外再进行其它的校验,出错要自定义错误,如何写代码? | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
$(“#ewjy”).formValidator({onshow:”无论你输入什么,都会提示你额外校验出错,错误信息自定义”,onfocus:”至少输入一个字符”,oncorrect:”你怎么可能输入正确了,难道是 bug?”,onvalid:function(){$.formValidator.SetFailState(“ewjyTip”,”额外校验失败”);alert(“额外校验失败”);return false;}}).InputValidator({min:1,onerror:”这里至少要一个字符,请确认”}); | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
8、如何让赋了初始值的表单元素默认校验通过 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
$(“#xueli”).formValidator({onshow:”请选择你的学历”,onfocus:”学历必须选择”,oncorrect:”谢谢你的配合”,defaultvalue:”b”}).InputValidator({onerror: “你是不是忘记选择学历了!”}).DefaultPassed(); |
问答:
1、如何实现一个控件,根据不同的情况,实现不同的控制?
你只需要在你的不同种情况下,重新设置你的【一行代码】
2、一个页面上我有几个tab页,如何实现每个Tab页上的控件单独校验?
每个Tab页上需要校验的控件,你在写【一行代码】的时候,显示的声明组号
3、我采用的页面上文字问题的方式,点提交的时候,有校验未通过的,除了文字提示外,还可以再弹出窗口提示吗?
这个问题很简单,你只要设置改组的全局配置,
jQuery.formValidator.initConfig({onError:function(){alert(“有部分校验没有通过,请看页面具体提示”);}})
4、所有校验通过后,我还要再做别的判断可以吗?我自己的判断没有通过可以中断提交吗?
同样很简单,你页只需设置该组的全局配置,
jQuery.formValidator.initConfig({onSuccess:function()
{
if(你的额外判断失败)
return false;
else
return true;
}})
5、我有一组的checkbox(radiobutton)如何设置校验?
你只需在该组的第一个checkbox上设置校验信息即可,具体请参考demo1里的范例
如果你该组的第一个控件的ID ,你可以这么写:$(“sex_1”).InputValidator({…})
如果你只知道该组的name,你可以这么写:$(“input:check[@name=’sex’]”).slice(0,1).InputValidator({…})
6、我有2个表单元素,任意一个元素输入东西就算验证通过,如何写代码?比如要求输入中文名字和英文名字任意一个即算校验通过。
正在开发这个功能
7、一个表单元素校验通过了,但是我想额外再进行其它的校验,出错要自定义错误,如何写代码?
$(“#ewjy”).formValidator({onshow:”无论你输入什么,都会提示你额外校验出错,错误信息自定义”,onfocus:”至少输入一个字符”,oncorrect:”你怎么可能输入正确了,难道是 bug?”,onvalid:function(){$.formValidator.SetFailState(“ewjyTip”,”额外校验失败”);alert(“额外校验失败”);return false;}}).InputValidator({min:1,onerror:”这里至少要一个字符,请确认”});
8、如何让赋了初始值的表单元素默认校验通过
$(“#xueli”).formValidator({onshow:”请选择你的学历”,onfocus:”学历必须选择”,oncorrect:”谢谢你的配合”,defaultvalue:”b”}).InputValidator({onerror: “你是不是忘记选择学历了!”}).DefaultPassed();