关闭

JS常用的一些表单验证函数

标签: functionobjecturldomainstring框架
508人阅读 评论(0) 收藏 举报
分类:

/**  

* 数据验证框架.增加了对id字段检查出错时,直接在对应后面添加一< span>元素来显示错误信息.  

*  

* @author wangzi6hao  

* @version 2.1  

* @description 2009-05-16  

*/  

var checkData = new function() {   

    var idExt="_wangzi6hao_Span";//生成span层的id后缀   

    /**  

    * 得到中英文字符长(中文为2个字符)  

    *  

    * @param {}  

    *            str  

    * @return 字符长  

    */  

    this.length = function(str) {   

        var p1 = new RegExp('%u..''g')   

        var p2 = new RegExp('%.''g')   

        return escape(str).replace(p1, '').replace(p2, '').length   

    }   

  

    /**  

    * 删除对应id元素  

    */  

    this.remove = function(id) {   

        var idObject = document.getElementById(id);   

        if (idObject != null)   

            idObject.parentNode.removeChild(idObject);   

    }   

  

    /**  

    * 在对应id后面错误信息  

    *  

    * @param id:需要显示错误信息的id元素  

    *            str:显示错误信息  

    */  

    this.appendError = function(id, str) {   

        this.remove(id + idExt);// 如果span元素存在,则先删除此元素   

        var spanNew = document.createElement("span");// 创建span   

        spanNew.id = id + idExt;// 生成spanid   

        spanNew.style.color = "red";   

        spanNew.appendChild(document.createTextNode(str));// 给span添加内容   

        var inputId = document.getElementById(id);   

        inputId.parentNode.insertBefore(spanNew, inputId.nextSibling);// 给需要添加元素后面添加span   

    }   

  

    /**  

    * @description 过滤所有空格字符。  

    * @param str:需要去掉空间的原始字符串  

    * @return 返回已经去掉空格的字符串  

    */  

    this.trimSpace = function(str) {   

        str += "";   

        while ((str.charAt(0) == ' ') || (str.charAt(0) == '???')   

                || (escape(str.charAt(0)) == '%u3000'))   

            str = str.substring(1, str.length);   

        while ((str.charAt(str.length - 1) == ' ')   

                || (str.charAt(str.length - 1) == '???')   

                || (escape(str.charAt(str.length - 1)) == '%u3000'))   

            str = str.substring(0, str.length - 1);   

        return str;   

    }   

  

    /**  

    * 过滤字符串开始部分的空格/字符串结束部分的空格/将文字中间多个相连的空格变为一个空格  

    *  

    * @param {Object}  

    *            inputString  

    */  

    this.trim = function(inputString) {   

        if (typeof inputString != "string") {   

            return inputString;   

        }   

        var retValue = inputString;   

        var ch = retValue.substring(0, 1);   

        while (ch == " ") {   

            // 检查字符串开始部分的空格   

            retValue = retValue.substring(1, retValue.length);   

            ch = retValue.substring(0, 1);   

        }   

        ch = retValue.substring(retValue.length - 1, retValue.length);   

        while (ch == " ") {   

            // 检查字符串结束部分的空格   

            retValue = retValue.substring(0, retValue.length - 1);   

            ch = retValue.substring(retValue.length - 1, retValue.length);   

        }   

        while (retValue.indexOf(" ") != -1) {   

            // 将文字中间多个相连的空格变为一个空格   

            retValue = retValue.substring(0, retValue.indexOf(" "))   

                    + retValue.substring(retValue.indexOf(" ") + 1,   

                            retValue.length);   

        }   

        return retValue;   

    }   

  

    /**  

    * 过滤字符串,指定过滤内容,如果内容为空,则默认过滤 '~!@#$%^&*()-+."  

    *  

    * @param {Object}  

    *            str  

    * @param {Object}  

    *            filterStr  

    *  

    * @return 包含过滤内容,返回True,否则返回false;  

    */  

    this.filterStr = function(str, filterString) {   

        filterString = filterString == "" ? "'~!@#$%^&*()-+./"" : filterString   

        var ch;   

        var i;   

        var temp;   

        var error = false;// 当包含非法字符时,返回True   

        for (i = 0; i <= (filterString.length - 1); i++) {   

            ch = filterString.charAt(i);   

            temp = str.indexOf(ch);   

            if (temp != -1) {   

                error = true;   

                break;   

            }   

        }   

        return error;   

    }   

  

    this.filterStrSpan = function(id, filterString) {   

        filterString = filterString == "" ? "'~!@#$%^&*()-+./"" : filterString   

        var val = document.getElementById(id);   

        if (this.filterStr(val.value, filterString)) {   

            val.select();   

            var str = "不能包含非法字符" + filterString;   

            this.appendError(id, str);   

            return false;   

        } else {   

            this.remove(id + idExt);   

            return true;   

        }   

    }   

  

    /**  

    * 检查是否为网址  

    *  

    * @param {}  

    *            str_url  

    * @return {Boolean} true:是网址,false:<b>不是</b>网址;  

    */  

    this.isURL = function(str_url) {// 验证url   

        var strRegex = "^((https|http|ftp|rtsp|mms)?://)"  

                + "?(([0-9a-z_!~*'().&=+$%-]+: )?[0-9a-z_!~*'().&=+$%-]+@)?" // ftp的user@   

                + "(([0-9]{1,3}/.){3}[0-9]{1,3}" // IP形式的URL- 199.194.52.184   

                + "|" // 允许IP和DOMAIN(域名)   

                + "([0-9a-z_!~*'()-]+/.)*" // 域名- www.   

                + "([0-9a-z][0-9a-z-]{0,61})?[0-9a-z]/." // 二级域名   

                + "[a-z]{2,6})" // first level domain- .com or .museum   

                + "(:[0-9]{1,4})?" // 端口- :80   

                + "((/?)|" // a slash isn't required if there is no file name   

                + "(/[0-9a-z_!~*'().;?:@&=+$,%#-]+)+/?)$";   

        var re = new RegExp(strRegex);   

        return re.test(str_url);   

    }   

  

    this.isURLSpan = function(id) {   

        var val = document.getElementById(id);   

        if (!this.isURL(val.value)) {   

            val.select();   

            var str = "链接不符合格式;";   

            this.appendError(id, str);   

            return false;   

        } else {   

            this.remove(id + idExt);   

            return true;   

        }   

    }   

  

    /**  

    * 检查是否为电子邮件  

    *  

    * @param {}  

    *            str  

    * @return {Boolean} true:电子邮件,false:<b>不是</b>电子邮件;  

    */  

    this.isEmail = function(str) {   

        var re = /^([a-zA-Z0-9]+[_|/-|/.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|/-|/.]?)*[a-zA-Z0-9]+/.[a-zA-Z]{2,3}$/;   

        return re.test(str);   

    }   

  

    this.isEmailSpan = function(id) {   

        var val = document.getElementById(id);   

        if (!this.isEmail(val.value)) {   

            val.select();   

            var str = "邮件不符合格式;";   

            this.appendError(id, str);   

            return false;   

        } else {   

            this.remove(id + idExt);   

            return true;   

        }   

    }   

  

    /**  

    * 检查是否为数字  

    *  

    * @param {}  

    *            str  

    * @return {Boolean} true:数字,false:<b>不是</b>数字;  

    */  

    this.isNum = function(str) {   

        var re = /^[/d]+$/   

        return re.test(str);   

    }   

  

    this.isNumSpan = function(id) {   

        var val = document.getElementById(id);   

        if (!this.isNum(val.value)) {   

            val.select();   

            var str = "必须是数字;";   

            this.appendError(id, str);   

            return false;   

        } else {   

            this.remove(id + idExt);   

            return true;   

        }   

    }   

  

    /**  

    * 检查数值是否在给定范围以内,为空,不做检查<br>  

    *  

    * @param {}  

    *            str_num  

    * @param {}  

    *            small 应该大于或者等于的数值(此值为空时,只检查不能大于最大值)  

    * @param {}  

    *            big 应该小于或者等于的数值(此值为空时,只检查不能小于最小值)  

    *  

    * @return {Boolean} <b>小于最小数值或者大于最大数值</b>数字返回false 否则返回true;  

    */  

    this.isRangeNum = function(str_num, small, big) {   

        if (!this.isNum(str_num)) // 检查是否为数字   

            return false  

  

        if (small == "" && big == "")   

            throw str_num + "没有定义最大,最小值数字!";   

  

        if (small != "") {   

            if (str_num < small)   

                return false;   

        }   

        if (big != "") {   

            if (str_num > big)   

                return false;   

        }   

        return true;   

  

    }   

  

    this.isRangeNumSpan = function(id, small, big) {   

        var val = document.getElementById(id);   

        if (!this.isRangeNum(val.value, small, big)) {   

            val.select();   

            var str = "";   

            if (small != "") {   

                str = "应该大于或者等于 " + small;   

            }   

  

            if (big != "") {   

                str += " 应该小于或者等于 " + big;   

            }   

            this.appendError(id, str);   

            return false;   

        } else {   

            this.remove(id + idExt);   

            return true;   

        }   

    }   

  

    /**  

    * 检查是否为合格字符串(不区分大小写)<br>  

    * 是由a-z0-9_组成的字符串  

    *  

    * @param {}  

    *            str 检查的字符串  

    * @param {}  

    *            idStr 光标定位的字段ID<b>只能接收ID</b>  

    * @return {Boolean} <b>不是</b>"a-z0-9_"组成返回false,否则返回true;  

    */  

    this.isLicit = function(str) {   

        var re = /^[_0-9a-zA-Z]*$/   

        return re.test(str);   

    }   

  

    this.isLicitSpan = function(id) {   

        var val = document.getElementById(id);   

        if (!this.isLicit(val.value)) {   

            val.select();   

            var str = "是由a-z0-9_组成的字符串(不区分大小写);";   

            this.appendError(id, str);   

            return false;   

        } else {   

            this.remove(id + idExt);   

            return true;   

        }   

    }   

  

    /**  

    * 检查二个字符串是否相等  

    *  

    * @param {}  

    *            str1 第一个字符串  

    * @param {}  

    *            str2 第二个字符串  

    * @return {Boolean} 字符串不相等返回false,否则返回true;  

    */  

    this.isEquals = function(str1, str2) {   

        return str1 == str2;   

    }   

  

    this.isEqualsSpan = function(id, id1) {   

        var val = document.getElementById(id);   

        var val1 = document.getElementById(id1);   

        if (!this.isEquals(val.value, val1.value)) {   

            val.select();   

            var str = "二次输入内容必须一样;";   

            this.appendError(id, str);   

            return false;   

        } else {   

            this.remove(id + idExt);   

            return true;   

        }   

    }   

  

    /**  

    * 检查字符串是否在给定长度范围以内(中文字符以2个字节计算),字符为空,不做检查<br>  

    *  

    * @param {}  

    *            str 检查的字符  

    * @param {}  

    *            lessLen 应该大于或者等于的长度  

    * @param {}  

    *            moreLen 应该小于或者等于的长度  

    *  

    * @return {Boolean} <b>小于最小长度或者大于最大长度</b>数字返回false;  

    */  

    this.isRange = function(str, lessLen, moreLen) {   

        var strLen = this.length(str);   

  

        if (lessLen != "") {   

            if (strLen < lessLen)   

                return false;   

        }   

  

        if (moreLen != "") {   

            if (strLen > moreLen)   

                return false;   

        }   

  

        if (lessLen == "" && moreLen == "")   

            throw "没有定义最大最小长度!";   

        return true;   

    }   

  

    this.isRangeSpan = function(id, lessLen, moreLen) {   

        var val = document.getElementById(id);   

        if (!this.isRange(val.value, lessLen, moreLen)) {   

            var str = "长度";   

  

            if (lessLen != "")   

                str += "大于或者等于 " + lessLen + ";";   

  

            if (moreLen != "")   

                str += " 应该小于或者等于 " + moreLen;   

  

            val.select();   

            this.appendError(id, str);   

            return false;   

        } else {   

            this.remove(id + idExt);   

            return true;   

        }   

    }   

  

    /**  

    * 检查字符串是否小于给定长度范围(中文字符以2个字节计算)<br>  

    *  

    * @param {}  

    *            str 字符串  

    * @param {}  

    *            lessLen 小于或等于长度  

    *  

    * @return {Boolean} <b>小于给定长度</b>数字返回false;  

    */  

    this.isLess = function(str, lessLen) {   

        return this.isRange(str, lessLen, "");   

    }   

  

    this.isLessSpan = function(id, lessLen) {   

        var val = document.getElementById(id);   

        if (!this.isLess(val.value, lessLen)) {   

            var str = "长度大于或者等于 " + lessLen;   

            val.select();   

            this.appendError(id, str);   

            return false;   

        } else {   

            this.remove(id + idExt);   

            return true;   

        }   

    }   

  

    /**  

    * 检查字符串是否大于给定长度范围(中文字符以2个字节计算)<br>  

    *  

    * @param {}  

    *            str 字符串  

    * @param {}  

    *            moreLen 小于或等于长度  

    *  

    * @return {Boolean} <b>大于给定长度</b>数字返回false;  

    */  

    this.isMore = function(str, moreLen) {   

        return this.isRange(str, "", moreLen);   

    }   

  

    this.isMoreSpan = function(id, moreLen) {   

        var val = document.getElementById(id);   

        if (!this.isMore(val.value, moreLen)) {   

            var str = "长度应该小于或者等于 " + moreLen;   

            val.select();   

            this.appendError(id, str);   

            return false;   

        } else {   

            this.remove(id + idExt);   

            return true;   

        }   

    }   

  

    /**  

    * 检查字符不为空  

    *  

    * @param {}  

    *            str  

    * @return {Boolean} <b>字符为空</b>返回true,否则为false;  

    */  

    this.isEmpty = function(str) {   

        return str == "";   

    }   

  

    this.isEmptySpan = function(id) {   

        var val = document.getElementById(id);   

        if (this.isEmpty(val.value)) {   

            var str = "不允许为空;";   

            val.select();   

            this.appendError(id, str);   

            return false;   

        } else {   

            this.remove(id + idExt);   

            return true;   

        }   

    }   

}  

 

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:100264次
    • 积分:1086
    • 等级:
    • 排名:千里之外
    • 原创:21篇
    • 转载:4篇
    • 译文:0篇
    • 评论:14条
    文章分类
    最新评论