jQuery formValidator表单校验插件
插件目前提示错误,有两种模式:showword和showalert,即文字提示和窗口提示
目前支持5种大的校验方式,分别是:
InputValidator(针对input、textarea、select控件的字符长度、值范围、选择个数的控制)、
值的大小(数值型和字符型)范围、值的长度、选择个数(针对checkbox、radio、select)
以上都是个区间范围,大于、小于设定值可以进行精确的提示
CompareValidator(提供2个对象的比较,目前可以比较字符串和数值型)
2个表单元素的值大小(数值型和字符型)范围
AjaxValidator(通过ajax到服务器上做数据校验)
对用户输入的值,进行服务器端校验。比如:用户是否存在
RegexValidator(提供可扩展的正则表达式库)
对输入值格式进行校验,可以自己写正则表达式,也可以利用扩展库的正则表达式,扩展库用户可以进行扩展
FunctionValidator(允许用户利用外部函数进行校验)
可以用外部函数进行校验,可以当作一个处理过程,可以自定义返回错误信息。现扩展库提供部分函数供调用
针对jQuery formValidator表单校验插件ver2.4提供校验代码生成器,可以批量的产生校验代码
插件下载:http://www.cnblogs.com/wzmaodong/archive/2008/01/11/1034901.html
校验代码生成器:http://www.cnblogs.com/wzmaodong/archive/2008/04/21/1164317.html
插件提供函数进行校验
initConfig():校验组的配置信息。例如提示错误模式的选择、校验成功/失败后的回调函数、是否处于调试模式等
PageIsValid():对整个校验组进行校验
IsOneValid():对单个表单元素进行校验
GetLength():返回表单元素的长度,选择的个数
SetFailState():设置错误信息
RetSetTipState():把校验组里的表单元素的所有提示内容恢复到onshow状态
免责声明:
如有侵害您的权利,请与我联系,我会立刻删除文章。
$(document).ready(function(){
$.formValidator.initConfig({onError:function(msg){alert(msg)}});
$("#name").formValidator({onshow:"请输入名称",onfocus:"名称不能为空",oncorrect:"名称合法"}).InputValidator({min:4,onerror:"名称不能少于4个字符"});
$("#description").formValidator({onshow:"请输描述",oncorrect:"你输对了"}).InputValidator({min:0}).DefaultPassed();
});