我写的一个简易的jquery通用表单验证,有兴趣可参考。

浏览:1110 发布日期:2013/09/10 分类:技术分享
验证的时候,传入表单jquery对象即可。
如checkform($("#myformobj"));    //自己写一个方法,用过通用验证表单    
    function checkform(obj){    //传入【form元素的jquery对象】即可    
        var flag=1;        
        //用户重新填写时去除红色警示
        $(obj.children("input,select,textarea")).click(function(){
            $(this).css({background:""});
        });
        
        //验证所有input元素是否有值
        $(obj.children("input")).each(function(){
            if(!$(this).val()){
                $(this).css({background:"red"});
                flag=0;    
            }            
        });
        
        //验证所有select元素是否有值,注默认第一个提示性option初始值为-1
        if($(obj.children("select")).val()=="-1"){
            $(obj.children("select")).css({background:"red"});
            flag=0;    
        }

        //验证所有textarea元素是否有值
        $(obj.children("textarea")).each(function(){ 
            if(!$(this).val()){
                $(this).css({background:"red"});
                flag=0;    
            }        
        });
        
        if(flag){            
            return true;
        }else{
            return false;
        }
    }
最佳答案
评论( 相关
后面还有条评论,点击查看>>