您现在的位置是:首页 > 学习心得

js校验手机号码、email格式

刘锁2018-09-25人围观
简介JavaScript判断用户输入的邮箱格式是否正确、判断用户输入的手机号格式是否正确,今天改网站正好用到了,这里也就记录一下,有需要的朋友可以参考下
代码如下:
<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>js正则表达式</title>
        <style type="text/css">
            .sys-no1{
                width:550px;
                height:200px;                
                left:50%;
                top:50%;
                position: absolute;
                margin-left:-275px;
                margin-top:-100px;
            }
            input[type="text"]{
                border: 1px solid #c7c7c7;
                color: #414141;
                font-size: 14px;
                height: 34px;
                line-height: 34px;
                padding-left: 10px;
                vertical-align: middle;
                width: 360px;
            }
            input[type="button"]{
                font-size: 16px;
                background-color: #F88A5B;
                border: 1px;
                color: #fff;
                padding: 8px 13px 7px;
                margin-left: 20px;
                cursor: pointer;
            }            
        </style>
        <script type="text/javascript">
            function check(type){
                //校验手机号码是否正确
                if(type=="mobphone"){
                    var regu=/^[1][0-9]{10}$/;//手机号码正则表达式
                    var mobphone = document.getElementById('mobphone');
                    
                    //校验手机号码是否正确
                    if(!regu.test(mobphone.value)){
                        alert("手机号码为空或格式不正确!!");
                        mobphone.focus();//光标定位到手机号码录入文本框
                        return;
                    }
                    alert("手机号码格式正确!!");
                }else{
                    //校验email格式是否正确
                    var myemailreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;//邮箱格式正则表达式
                    var email = document.getElementById('email');
                    
                    //校验邮箱格式是否正确
                    if(!myemailreg.test(email.value)){
                        alert("邮箱为空或格式不正确!");
                        email.focus();//光标定位到手机号码录入文本框
                        return;
                    }
                    alert("邮箱格式正确!!");
                }
            }
        </script>
    </head>
    <body>
        <div class="sys-no1">
            <div><input type="text" id="mobphone" value="" placeholder="请输入待校验手机号码" /><input type="button" value="校验手机号" onclick="check('mobphone')"/></div><br />
            <div><input type="text" id="email" value="" placeholder="请输入待校验email" /><input type="button" value="校验邮箱地址" onclick="check('email')"/></div>
        </div>
    </body>
</html>

执行后截图如下:
js校验手机号码、email格式

打赏本站,你说多少就多少

文章评论

    共有条评论

    用户名:

    验证码:

本栏推荐

点击排行

关注微信

    微信关注