form表单的验证

浏览:1706 发布日期:2014/12/12 分类:技术分享
/*
 * <input onblur="checkError('WeixinCode','.codehint','.codeerror','1','.WeixinCode')" name="WeixinCode"  onfocus="removeerror('.codehint','.codeerror');">
 * @param name 文本域的名字
 * @param Tclass 显示正确的提示语的class
 * @param Fclass 显示错误的提示语的class 
 * @param isflag 验证的类型 1不能为空 2字符串的长度 3整数 4小数 5邮箱 6url 7手机号 8QQ号
 * @param inputClass 隐藏域的class  <input type="hidden" class="WeixinCode" value="0"/> value=0是必填 value=1非必填
 * @return cd
 */
function checkError(name, Tclass, Fclass, isflag, inputClass){
    switch (isflag) {
    case "1": 
        if(!$('input[name='+name+']').val()){
               $(Tclass).hide();
            $('input[name='+name+']').removeClass('bor-4-d4d4d4');
            $('input[name='+name+']').addClass('bor-4-ff5400');
               $(inputClass).val(0);
            $(Fclass).show();
            return false;
       }else{
                $(Tclass).show();
                $('input[name='+name+']').removeClass('bor-4-ff5400');
            $('input[name='+name+']').addClass('bor-4-d4d4d4');
            $(inputClass).val(1);
            $(Fclass).hide();
           return true;
       };
    case "2": 
        var WeixinName=$('input[name='+name+']').val();
            if(WeixinName.length<6){
                $(Tclass).hide();
            $('input[name='+name+']').removeClass('bor-4-d4d4d4');
            $('input[name='+name+']').addClass('bor-4-ff5400');
            $(inputClass).val(0);
            $(Fclass).show();
            return false;
          }else{
              $(Tclass).show();
               $('input[name='+name+']').removeClass('bor-4-ff5400');
            $('input[name='+name+']').addClass('bor-4-d4d4d4');
            $(inputClass).val(1);
            $(Fclass).hide();
             return true;
      };
    case "3":
        var FensiCount=$('input[name='+name+']').val();
           var num = /^[1-9]\d*$/;
            if(!num.test(FensiCount)){
                $(Tclass).hide();
            $('input[name='+name+']').removeClass('bor-4-d4d4d4');
            $('input[name='+name+']').addClass('bor-4-ff5400');
            $(inputClass).val(0);
            $(Fclass).show();
          return false;
         }else{
              $(Tclass).show();
              $('input[name='+name+']').removeClass('bor-4-ff5400');
              $('input[name='+name+']').addClass('bor-4-d4d4d4');
             $(inputClass).val(1);
              $(Fclass).hide();
         return true;
     };
    case "4": 
        var AutoMenuPrice = $('input[name='+name+']').val();
        var num = /^\d*\.?\d{1,2}$/;
        if(!num.test(AutoMenuPrice)){
            $(Tclass).hide();
            $('input[name='+name+']').removeClass('bor-4-d4d4d4');
            $('input[name='+name+']').addClass('bor-4-ff5400');
            $(inputClass).val(0);
            $(Fclass).show();
           return false;
        }else{
            $(Tclass).hide();
            $('input[name='+name+']').removeClass('bor-4-ff5400');
            $('input[name='+name+']').addClass('bor-4-d4d4d4');
            $(inputClass).val(1);
            $(Fclass).hide();
            return true;
        }
    };
    case "5": 
        var Email = $('input[name='+name+']').val();
        var num = /^\\s*([A-Za-z0-9_-]+(\\.\\w+)*@(\\w+\\.)+\\w{2,5})\\s*$/;
        if(!num.test(Email)){
            $(Tclass).hide();
            $('input[name='+name+']').removeClass('bor-4-d4d4d4');
            $('input[name='+name+']').addClass('bor-4-ff5400');
            $(inputClass).val(0);
            $(Fclass).show();
           return false;
        }else{
            $(Tclass).hide();
            $('input[name='+name+']').removeClass('bor-4-ff5400');
            $('input[name='+name+']').addClass('bor-4-d4d4d4');
            $(inputClass).val(1);
            $(Fclass).hide();
            return true;
        }
    };
    case "6": 
        var url = $('input[name='+name+']').val();
        var num = /^((https|http|ftp|rtsp|mms)://)?[a-z0-9A-Z]{3}\.[a-z0-9A-Z][a-z0-9A-Z]{0,61}?[a-z0-9A-Z]\.com|net|cn|cc (:s[0-9]{1-4})?/$;
        if(!num.test(AutoMenuPrice)){
            $(Tclass).hide();
            $('input[name='+name+']').removeClass('bor-4-d4d4d4');
            $('input[name='+name+']').addClass('bor-4-ff5400');
            $(inputClass).val(0);
            $(Fclass).show();
           return false;
        }else{
            $(Tclass).hide();
            $('input[name='+name+']').removeClass('bor-4-ff5400');
            $('input[name='+name+']').addClass('bor-4-d4d4d4');
            $(inputClass).val(1);
            $(Fclass).hide();
            return true;
        }
    };
    case "7": 
        var Tel = $('input[name='+name+']').val();
        var num = /1[3458]{1}\d{9}$/;
        if(!num.test(AutoMenuPrice)){
            $(Tclass).hide();
            $('input[name='+name+']').removeClass('bor-4-d4d4d4');
            $('input[name='+name+']').addClass('bor-4-ff5400');
            $(inputClass).val(0);
            $(Fclass).show();
           return false;
        }else{
            $(Tclass).hide();
            $('input[name='+name+']').removeClass('bor-4-ff5400');
            $('input[name='+name+']').addClass('bor-4-d4d4d4');
            $(inputClass).val(1);
            $(Fclass).hide();
            return true;
        }
    };
    case "8": 
        var QQ = $('input[name='+name+']').val();
        var num = /^[0-9]{5,10}$/;
        if(!num.test(AutoMenuPrice)){
            $(Tclass).hide();
            $('input[name='+name+']').removeClass('bor-4-d4d4d4');
            $('input[name='+name+']').addClass('bor-4-ff5400');
            $(inputClass).val(0);
            $(Fclass).show();
           return false;
        }else{
            $(Tclass).hide();
            $('input[name='+name+']').removeClass('bor-4-ff5400');
            $('input[name='+name+']').addClass('bor-4-d4d4d4');
            $(inputClass).val(1);
            $(Fclass).hide();
            return true;
        }
    };
}
/*
 * <input  name="WeixinCode"  onfocus="removeerror('.codehint','.codeerror');">
 * 显示和隐藏的提示语
 * @param Tclass 正确的提示语的class
 * @param Fclass 错误的提示语的class
 * @return boolean
 */
function removeerror(Tclass, Fclass){
    $(Fclass).hide();
      $(Tclass).show();
      return false;
}
最佳答案
评论( 相关
后面还有条评论,点击查看>>