from 验证

/*

  • 新版的页面控件值验证

  • @element 要验证的范围对象

  • @isValiMust 是否需要验证必填(临时保存的时候就不需要验证必填)

  • @isByName 是否依赖name寻找控件

  • @return 验证结果字符串(空为验证通过,非空表示验证不通过,返回的警告信息)
    */
    function ValidatePageControlsNew(element, isValiMust, isByName) {
    if (typeof isValiMust === 'undefined') {
    isValiMust = true;
    }
    if (typeof isByName === 'undefined') {
    isByName = false;
    }
    var warn = "";
    var isMust = undefined;
    var $label = null;
    var target;
    $(element).find('input,select,textarea').each(function (r) {
    if (isByName) {//依赖name寻找控件
    target = $(this).attr('name');
    } else {
    target = $(this).attr('id');
    }
    if (target != undefined) {
    //判断是否是必填
    if (isValiMust) {
    isMust = $(this).attr("isMust");//不需要验证的属性
    if (isMust) {
    var value = $(this).val();
    if (value == '') {
    warn = $(this).attr("placeholder");
    return false;
    }
    }
    }

         //判断格式
         var format = $(this).attr("fromat");
         var fromatwarning = $(this).attr("fromatwarning");
         var value = $(this).val();
         if (format != undefined && value != "") {//值不能为空,为空就不需要验证
             switch (format) {
                 case "PositiveInt"://正整数       验证自己加  验证什么自己可以提前写好条用OK了
                     if (!isPositiveInteger(value)) {
                         warn = fromatwarning;
                         return false;
                     }
                     break;
                 case "NonnInt"://非负整数(包含0)
                     if (!isNumber(value)) {
                         warn = fromatwarning;
                         return false;
                     }
                     break;
                 case "Tel"://电话(座机或手机)
                     if (!checkTel(value)) {
                         warn = fromatwarning;
                         return false;
                     }
                     break;
                 case "Mobile"://手机
                     if (!isMobile(value)) {
                         warn = fromatwarning;
                         return false;
                     }
                     break;
                 case "Percentage"://百分比
                     if (!isPosIntegerBetween100(value)) {
                         warn = fromatwarning;
                         return false;
                     }
                     break;
                 case "Money"://金额(允许两位小数)
                     if (!isDecimalMoney(value)) {
                         warn = fromatwarning;
                         return false;
                     }
                     break;
                 case "ZipCode"://邮编
                     if (!isZipCode(value)) {
                         warn = fromatwarning;
                         return false;
                     }
                     break;
                 case "IDCard"://18位身份证
                     if (!checkCard(value)) {
                         warn = fromatwarning;
                         return false;
                     }
                     break;
                 default:
                     break
             }
         }
    
     }
    

    });
    return warn;
    }

var warnText = ValidatePageControlsNew($("#form"), true, true);//几个参数 自己看方法有介绍 反回结果为空的话 说明验证非空通过

input type="text" name="ZSBZ" id="ZSBZ" class="form-control" ismust="true" fromat="Money" fromatwarning="请输入正确的住宿费格式" placeholder="请输入住宿费安排标准" value="" //placeholder 为空返回的内容 ismust 是否进行为空验证 fromat="Money" 这个就是对数据格式的验证了 看上面的方法 有说明 fromatwarning 数据格式验证不通过的返回值

很方便简洁的from 表单验证

原文地址:https://www.cnblogs.com/manwwx129/p/9238607.html