表单验证(email,手机号，座机等)

最新推荐文章于 2024-05-06 16:35:05 发布

aswind7

最新推荐文章于 2024-05-06 16:35:05 发布

阅读量4.5k

点赞数

分类专栏：原生js-我封装好的函数方法等 jQuery

本文链接：https://blog.csdn.net/sqfbeijing/article/details/50388744

版权

jQuery 同时被 2 个专栏收录

12 篇文章 0 订阅

订阅专栏

原生js-我封装好的函数方法等

5 篇文章 0 订阅

订阅专栏


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript" src="http://jic.makepolo.net/js/jquery/jquery-1.8.3.min.js"></script>
</head>
<body>
    <div class="checkMobilePhone">
        <input type="text">
        <button>核对手机号码</button>
    </div>
    <div class="checkFixedPhone">
        <input type="text">
        <button>核对座机号码</button>
    </div>
    <div class="checkEmail">
        <input type="text">
        <button>核对邮箱</button>
    </div>
    <script>
        $(function() {
            /**
             * @descrition: 判断输入的参数是否是个合格的手机号
             * !!符号是转换为boolean类型的意思
             * @param: string类型,是传的值
             * @return: true表示是合格的
             */
             function isMobilePhoneNumber(value) {
                //必须加上^$，否则138903683001也是合法的
                var re = /^1[34578]\d{9}$/g;
                var result = [];
                result = value.match(re);
                return !!result === true ? true : false;
            }
            /**
             * @descrition: 判断输入的参数是否是个合格的座机号码,允许有分机号
             * ?代表匹配0次或者一次
             * @param: string类型,是传的值
             * @return: true表示是合格的
             */
             function isFixedPhoneNumber(value) {
                var re = /^\d{3,4}-\d{7,8}(-\d{3,4})?$/g;
                var result = [];
                result = value.match(re);
                return !!result === true ? true : false;
             }
            /**
             * @description 验证邮箱 
             * @param string类型
             * @return boolean类型,true表示合格的邮箱
             * @example test@hotmail.com   32_w1@sima.vip.com   te-st@qq.com.cn   te.._st@sima-.vip.com   21@s.qf.qq.com
             */
             function isEmailAddress(value) {
                //@的左边，先匹配字母和数字1或者多次； 紧接着匹配_ws这样的结构0或者多次；
                // @右边，先匹配sina-. s.qf.  vip. com.一次或者多次,紧接着匹配一次最后的com 
                var re = /^[a-zA-Z0-9]+([_.-][a-zA-Z0-9]+)*@([a-zA-Z0-9]+[-_.]?[.])+[a-zA-Z]{2,3}$/;
                return re.test(value);
            }
                        /**
             * @description 验证密码
             * @param string类型
             * @return boolean类型,true表示合格的密码
             * @example "wq\\" "sqwq_.../wq"
             */
             function isLegalPassword(value){  
                // \\意思就是"\"
                var re = /^[0-9a-zA-Z_./]{6,20}$/;
                var result = [];
                result = re.exec(value);
                return !!result === true ? true : false;
             }
             var $mobileButton = $(".checkEmail button");
             $mobileButton.click(function(event) {
                var mobileNumberText = $(".checkEmail input").val();
                console.log(isEmailAddress(mobileNumberText));
             });
            })
</script>
</body>
</html>

aswind7

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
表单验证(email,手机号，座机等)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="http://jic.makepolo.net/js/jquery/jquery-1.8.3.min.js"></script><
复制链接

扫一扫

专栏目录