【JavaScript】------- JavaScript form表单验证实用函数详解

迈不过友情╰ 2022-02-14 10:23 205阅读 0赞

> javascript 验证表单 工具

function obj$(id)                       //根据id得到对象
    function val$(id)                       //根据id得到对象的值
    function trim(str)                      //删除左边和右边空格
    function ltrim(str)                     //删除左边空格
    function rtrim(str)                    //删除右边空格
    function isEmpty(str)                   //字串是否有值
    function equals(str1, str2)             //比较两字符串是否相等
    function equalsIgnoreCase(str1, str2)   //忽略大小写比较两个字符串是否相等
    function isChinese(str)                 //判断是否中文
    function isEmail(strEmail)              //是否电子邮件
    function isImg(str)                     //是否是一个图片格式的文件jpg|jpeg|swf|gif
    function isInteger(str)                 //是否是一个整数
    function isFloat                        //是否是一个浮点数
    function isPost(str)                    //是否邮编(1位至6位
    function isMobile(str)                  //是否是手机号
    function isPhone(str)                   //是否是电话号码必须包含区号,可以含有分机号
    function isQQ(str)                      //是否合法的QQ号码           
    function isIP(str)                      //是否是合法的IP
    function isDate(str)                    //是否日期类型(例:2005-12-12)
    function isIdCardNo(idNumber)           //是否是合法的身份证号
    function isURL(str_url)          		//是否是合法的url
    
    
    /**
    *验证URL
    */
    function  isURL(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);
    }
    
    /**
    *根据对象的id得到对象
    *id:对象的id
    */
    function obj$(id)
    {
        return document.getElementById(id);
    }
    
    /**
    *根据对象的id得到对象的值
    *id:对象的id
    */
    function val$(id)
    {
        var obj = document.getElementById(id);
        if(obj !== null)
        {
            return obj.value;
        }
        return null;
    }
    
    /**
    *去掉字符串的前后空格
    *str:将要除去空格的字符串
    */
    function trim(str)
    {
        return str.replace(/(^\s*)|(\s*$)/g, ''); 
    }
    
    /**
    *去掉字符串前的空格
    *str:将要除去空格的字符串
    */
    function ltrim(str)
    {
        return str.replace(/^\s*/g,'');
    }
    
    /**
    *去掉字符串后的空格
    *str:将要除去空格的字符串
    */
    function rtrim(str)
    {
        return str.replace(/\s*$/,'');
    }
    
    /**
    *字符串是否有值
    *str:要检测的字符串
    */
    function isEmpty(str)
    {
        if(str != null && str.length > 0)
        {
            return true;
        }
        return false;
    }
    
    /**
    *比较两个字符串是否相等
    *str1:要比较的字符串1
    *str2:要比较的字符串2
    */
    function equals(str1, str2)
    {
        if(str1 == str2)
        {
            return true;
        }
        return false;
    }
    
    /**
    *忽略大小写比较两个字符串是否相等
    *str1:要比较的字符串1
    *str2:要比较的字符串2
    */
    function equalsIgnoreCase(str1, str2)
    {
        if(str1.toUpperCase() == str2.toUpperCase())
        {
            return true;
        }
        return false;
    }
    
    /**
    *是否是中文
    *str:要检测的字符串
    */
    function isChinese(str)
    {
       var str = str.replace(/(^\s*)|(\s*$)/g,'');
       if (!(/^[\u4E00-\uFA29]*$/.test(str) 
               && (!/^[\uE7C7-\uE7F3]*$/.test(str))))
       {
          return false;
       }
       return true;
    }
    
    /**
    *是否是Email
    *str:要检测的字符串
    */
    function isEmail(str)
    {
        if(/^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/.test(str))
        {
            return true
        }
        return false;
    }
    
    /**
    *是否是图片格式文件
    *str:要测试的文件名
    */
    function isImg(str)
    {
        var objReg = new RegExp("[.]+(jpg|jpeg|swf|gif)$", "gi");
        if(objReg.test(str))
        {
            return true;
        }
        return false;
    }
    
    /**
    *是否是一个整数
    *str:要检测的字符串
    */
    function isInteger(str)
    {
        if(/^-?\d+$/.test(str))
        {
            return true;
        }
        return false;
    }
    
    /**
    *是否是一个浮点数
    *str:要检测的字符串
    */
    function isFloat(str)
    {
        if(/^(-?\d+)(\.\d+)?$/.test(str)
        {
            return true;
        }
        return false;
    }
    
    /**
    *是否是邮编
    *str:要检测的字符串
    */
    function isPost(str)
    {
        if(/^\d{1,6}$/.test(str))
        {
            return true;
        }
        return false;
    }
    
    /**
    *是否是手机号码
    *str:要检测的字符串
    */
    function isMobile(str)
    {
        if(/^1[35]\d{9}/.test(str))
          {
              return true;
          }
        return false;
    }
    
    /**
    *是否是电话号码
    *str:要检测的字符串
    *电话号码必须有区号,可以有分机号
    */
    function isPhone(str)
    {
        if(/^(0[1-9]\d{1,2}-)\d{7,8}(-\d{1,8})?/.test(str))
        {
            return true;
        }
        return false;
    }
    
    /**
    *是否是合法的QQ号码
    *str:要检测的字符串
    */
    function isQQ(str){
        if(/^\d{5,9}$/.test(str))
        {
            return true;
        }
        return false;
    }
    
    /**
    *是否是合法的IP
    *str:要检测的字符串
    */
    function isIP(str){
        var reg = /^(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9])\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0)\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0)\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[0-9])$/;
        if(.test(str))
        {
            return true;
        }
        return false;
    }
    
    /**
    *是否是一合法日期
    *str:要检测的字符串
    */
    function isDate(str)
    {
        var reg = /^((((1[6-9]|[2-9]\d)\d{2})-(0?[13578]|1[02])-(0?[1-9]|[12]\d|3[01]))|(((1[6-9]|[2-9]\d)\d{2})-(0?[13456789]|1[012])-(0?[1-9]|[12]\d|30))|(((1[6-9]|[2-9]\d)\d{2})-0?2-(0?[1-9]|1\d|2[0-8]))|(((1[6-9]|[2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00))-0?2-29-))$/;
        if(reg.test(str))
        {
            return true;
        }
        return false;    
    }
    
    /**
    *是否是身份证
    *str:要检测的字符串
    */
    function isIdCardNo(idNumber) 
    {
        var factorArr = new Array(7,9,10,5,8,4,2,1,6,3,7,9,10,5,8,4,2,1);
        var varArray = new Array();
        var lngProduct = 0;
        var intCheckDigit;
        var idNumber.length = ;
    
        if ((idNumber.length != 15) && (idNumber.length != 18))
        {
            return false;
        }    
        for(i=0;i<idNumber.length;i++)
        {
            varArray[i] = idNumber.charAt(i);
            if ((varArray[i] < '0' || varArray[i] > '9') && (i != 17))
            {
                return false;
            }
            else if (i < 17)
            {
                varArray[i] = varArray[i]*factorArr[i];
            }
        }
        if (idNumber.length == 18)
        {
            var date8 = idNumber.substring(6,14);
            if (checkDate(date8) == false)
            {
                return false;
            }        
            for(i=0;i<17;i++)
            {
                lngProduct = lngProduct + varArray[i];
            }        
            intCheckDigit = 12 - lngProduct % 11;
            switch (intCheckDigit)
            {
                case 10:
                    intCheckDigit = 'X';
                    break;
                case 11:
                    intCheckDigit = 0;
                    break;
                case 12:
                    intCheckDigit = 1;
                    break;
            }        
            if (varArray[17].toUpperCase() != intCheckDigit)
            {
                return false;
            }
        } 
        else
        {       
            var date6 = idNumber.substring(6,12);
            if (checkDate(date6) == false)
            {
                return false;
            }
        }
        return true;
    }

转载处:[http://cssteach.com/html/show-10-34.html][http_cssteach.com_html_show-10-34.html]

[http_cssteach.com_html_show-10-34.html]: http://cssteach.com/html/show-10-34.html

发表评论取消回复

表情：

评论列表（有 0 条评论，205人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript详解（10.表单操作及验证）

文章目录一，表单信息详解二，表单域通用属性和个别操作三，文本类型验证一，表单信息详解 1，根据ID得到Form > var frm1

亦凉/ 2023年07月01日 08:50/ 0 赞/ 15 阅读

相关 form表单验证

iview默认校验数据类型为String,需要的不是字符串要注明type=’ ’ ![在这里插入图片描述][20191113171956686.png] form表单提交

电玩女神/ 2023年06月13日 04:34/ 0 赞/ 115 阅读

相关 JavaScript表单验证示例

JavaScript表单验证示例 HTML表单（form）通常用于收集用户信息，例如姓名，电子邮件地址，位置，年龄等。但是很可能某些用户可能不会输入您期望的数据。HT

淡淡的烟草味﹌/ 2022年09月13日 14:23/ 0 赞/ 150 阅读

相关 javaScript表单验证大全

这不是我原创的转载自http://www.iteye.com/topic/1113704 1. 长度限制 <script> function test()

比眉伴天荒/ 2022年08月14日 00:00/ 0 赞/ 172 阅读

相关 JavaScript表单验证

用原生JS写一个简单的表单验证首先，是html部分 <div class="divAll"> <div id="titles">新用户注册<

绝地灬酷狼/ 2022年07月11日 15:26/ 0 赞/ 230 阅读

相关 Javascript（五）javascript实现表单验证

表单验证为了保证用户提交的信息都是正确的，保证系统的安全性，验证是必不可少的，验证一般分为两种方式。客户端验证：直接在客户端执行JS进行验证，验证的过程中和服

Myth丶恋晨/ 2022年05月17日 03:00/ 0 赞/ 236 阅读

相关【JavaScript】------- JavaScript form表单验证实用函数详解

> javascript 验证表单工具 function obj$(id) //根据id得到对象 functio

迈不过友情╰/ 2022年02月14日 10:23/ 0 赞/ 206 阅读

相关 javascript表单验证

js代码 <script type="text/javascript"> var userFlag = false;//true时表示用户名验证

谁借莪１个温暖的怀抱￠/ 2021年12月08日 16:41/ 0 赞/ 536 阅读

相关 JavaScript之form（表单域对象）

一、获取表单域对象　　1.document.getElementById() 　　2.formObj.elements\[index\] 　　3.formObj.e

刺骨的言语ヽ痛彻心扉/ 2021年11月10日 15:10/ 0 赞/ 297 阅读

相关 Javascript提交form表单

1.使用<a>标签提交表单 <form action="1.html" method="post" id="form"> <input type="text

淩亂°似流年/ 2021年06月24日 14:37/ 0 赞/ 722 阅读