您的位置：首页 > Web前端 > JavaScript

表单验证插件-validator.js 使用教程

2015-11-30 12:35 501 查看
做网站的时候，常常会涉及到各种表单验证。选择一款好用的表单验证插件，会降低表单验证开发的难度。在开发中，我目前使用的表单验证插件是：validator.js.validator.js是一款轻量的表单验证插件，代码总共只有两百多行。

　　　validator.js是一款基于zepto/jQuery的表单验证插件，当zepto.js和jQuery同时加载在页面里面的时候，validator.js会优先作用于jQuery.下面的代码说明了为啥validator.js会优先作用于jQuery：

(function($){
/*
一些代码
*/
$.fn.validator=function(){

};
})(jQuery|zepto);


　　既然validator.js的validator方法挂载了$.fn上，那么validator.js就可以被jQuery/Zepto的实例所使用.使用的代码如下：　　

$('#form_id').validator(options);


validator
方法支持一个
options
对象作为参数。当不传参数时，
options
具备默认值。参数储存在
$('').data('__options__')
。完整的对象如下描述：

options={
//需要校验的表单项，（默认是`[required]`），支持任何jQuery选择器可以选择的标识
identifie:{String},

//校验不通过时错误时添加的class名（默认是`error`），当校验为空时，还同时拥有`empty`这个classname
klass:{String},

//错误出现时`klass`放在当前表单项还是父节点（默认是当前表单项）
isErrorOnParent:{Boolean},

//触发表单项校验的方法，当是false在点submit按钮之前不校验（默认是`blur`）
method:{String|false},

//出错时的callback，第一个参数是所有出错表单项集合
errorCallback(unvalidFields):{Function},

before:{Function},//表单检验之前
after:{Function},//表单校验之后，只有__returntrue__才会提交表单
}



                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航