js正则做表单验证实例

最新推荐文章于 2020-07-12 16:24:32 发布

babybk

最新推荐文章于 2020-07-12 16:24:32 发布

阅读量1.3k

点赞数

分类专栏： javasctipt form RegExp 文章标签：正则表单实例 javascript

本文链接：https://blog.csdn.net/babybk/article/details/51261097

版权

javasctipt 同时被 3 个专栏收录

62 篇文章 1 订阅

订阅专栏

RegExp

5 篇文章 0 订阅

订阅专栏

form

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML>
<html>
    <head>
        <title>please enter your title</title>
        <meta charset="utf-8">
        <meta name="Author" content="年轻人">
        <style type='text/css'>
            *{ margin:0; padding:0;}

        </style>
    </head>
    <body>

        <input type="text" id="qqInp" /><br>


        <input type="button" value="完成" id="btn"/>

        <script type="text/javascript">

            var oQQ = document.getElementById('qqInp');
            var oBtn = document.getElementById('btn');

            oBtn.onclick = function(){
                var val = oQQ.value;
                var reg = RegE.email;
                //qq号 ：数字1 长度5-10 第一位不能是0
                if ( val)
                {
                    if ( reg.test( val ) )
                    {
                        alert( '√' )
                    }
                    else
                    {
                        alert( 'X' )
                    }
                }
            }


            var RegE = {
                qq : /^[1-9]\d{4,9}$/,
                tel : /^1[3578]\d{9}$/,
                email : /^\w+@[a-zA-Z0-9]+(\.[a-zA-Z]{2,}){1,3}$/,
                IDcard : /^[1-9]\d{16}[\dx]$/,
                /*
                    371874535@qq.com
                    fhaui@163.com
                    _hduf564@ffh.com.cn
                */

                /*
                    数字 或者 x
                    第一位不为0
                    长度18
                    最后一位可能是x
                */


            };

        </script>
    </body>
</html>