formValidator是一个很好的表单验证框架,由于才刚开始了解,用了只有几天,先把目前知道你的使用方法记下来,以后有发现再添加。
这里有一个很好地关于各个类型的使用的网址http://www.cnblogs.com/talk/archive/2012/01/29/2330887.html
我这里只是介绍一种例子,知道了一种使用,其他的就都会用了
首先是使用:
基本的包formValidator_min.js,formValidatorRegex.js,当然还有jQueri的包,直接官网下载,下面的文件中也有
使用很简单,比方说输入框是这样的
<input style="width: 200px;height:20px;" id="mobileTyp"/><span class="onError" style="padding-left:10px" id="mobileTypeTip">输入手机号码</span>
注意两个id号的区别,js代码为
$("#mobileType").formValidator({ onshow: "内容不能为空", onfocus: "请输入手机号码", oncorrect: "<span style='color:green'>格式正确</span>" }).inputValidator({ min: 11, max: 11, onerror: "手机号码长度不对" }).regexValidator({ regexp: "mobile", datatype: "enum",onerror: "手机号码格式不正确" });
好了,完成,输入内容的室友会有验证,表单提交的时候也有验证
今天遇到一个非常头疼的问题,验证文件上传,找各种例子找不到,官网的文档一点都不详细,弄了好久,关键是我的文件上传的输入框还是使用.append()方法加进去的,尝试了各种办法,一直没有弄出来,最后使用了functionValidator()方法才搞定的,代码如下:
$("#fileType").formValidator({ onshow: "文件不能为空", onfocus: "请输入文件", oncorrect: "<span style='color:green'>格式正确</span>" }).functionValidator({ fun: function (val, elem) { alert(val);//为上传文件的路径和名字 //chooseType为允许上传文件的格式,以加号分隔 for(var i=0;i<=chooseType.split('+').length;i++){ chooseType = chooseType.replace("+","|"); } //匹配格式 var m =val.split('.')[val.split('.').length-1].match(chooseType); if(m==null){ $("#fileType"+i+"Tip").html("格式错误"); return false; } $("#fileType"+i+"Tip").html("<span style='color:green'>正确</span>"); return true; } });
由于我也是刚开始使用该控件,所以我也有很多地方没弄明白,上面的代码是质量不怎么高,但是是可以用的,先用起来再说,以后有问题再改,欢迎大家参与讨论。
在使用checkbox的时候,使用该控件好像不行,反正我是没成功的,如果有人知道怎么使用该控件验证多选按钮,希望能分享一下,再此谢谢了。我最终解决多选按钮的方法是用js代码设置多选默认选中一项,而且至少选中一项,这样就不需要验证了。设置代码如下:
$('.checkboxType').change(function(){ var c_chenked = 0 for(var j=0;j<$('.checkboxType').length;j++){ if($('.checkboxType')[j].checked){c_chenked++;} } if(c_chenked == 0){$(this)[0].checked=true;} });
相关推荐
jQuery_formValidator 使用 文档
jQuery.FormValidator.chmjQuery.FormValidator.chmjQuery.FormValidator.chmjQuery.FormValidator.chm
jquery 的 formvalidator插件使用,以一个注册页面为例,包含多个元素的验证方式,另外附上一个多选项卡的弹出层效果
非常强大的jQuery formValidator表单验证 一档在手 代码不愁
formValidator 验证表单提交内容,界面美观,适用
formValidator1.3 下载了自己看吧,不错!
formValidator3.3 jquery验证
formvalidator-4.1.1.js
jQuery formValidator3.3表单验证文档说明jQuery formValidator3.3表单验证文档说明jQuery formValidator3.3表单验证文档说明jQuery formValidator3.3表单验证文档说明jQuery formValidator3.3表单验证文档说明...
jquery验证框架,formValidator4.0.1很不错的一款文本验证框架,简单易懂
jquery formValidator表单验证功能非常强大 比较流行
插件formValidator 试用于大型的表单提交
jQuery formValidator表单验证插件 强大又好用的插件
jQuery formvalidator插件 API帮助文档
很好用的表单验证插件,包含formValidator-4.1.3.js、formValidator-4.1.3.min.js、formValidatorRegex.js、jquery-1.4.4.min.js四个插件文件。
formValidator-4.0.1.js
formvalidator 表单验证汇总不同的表单控件验证,展示不同的效果。以及插件的模板
formvalidator4.1.3修改版,支持当前版本4.1.3,也向下兼容formvalidator3.5的相关代码,不然之前项目的代码修改起来太痛苦了