jQuery formValidator表单校验


jQuery formValidator表单校验插件ver2.9.1介绍和在线演示


jQuery formValidator表单校验插件
插件目前提示错误,有两种模式:showwordshowalert,即文字提示和窗口提示
目前支持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状态

免责声明:

转自:http://www.cnblogs.com/wzmaodong/archive/2008/04/27/1173382.html

如有侵害您的权利,请与我联系,我会立刻删除文章。



 $(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();

        });


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值