简单正则匹配QQ邮箱

最新推荐文章于 2024-04-22 10:31:29 发布

weixin_30244889

最新推荐文章于 2024-04-22 10:31:29 发布

阅读量258

点赞数

文章标签： javascript php ViewUI

原文链接：http://www.cnblogs.com/-khj/p/6256754.html

版权



<!DOCTYPE html>
<html>
   <head>
      <meta charset="UTF-8">
      <script src="../jquery-3.1.0.js" ></script>
      <title></title>
      <style type="text/css">
          #txt{
             border: 2px solid #90EE90;
             font-size: 20px;
          }
         #txt2{
            margin-top: 100px;
            width: 200px;
            height: 50px;
            border: 2px solid blue;
            text-align: center;
            font-size: 25px;
         }
         #btn{
            width: 200px;
            height: 50px;
            font-size: 40px;
            font-weight: bold;

            background-image: linear-gradient(pink,lightblue,lightgreen);

         }
      </style>
   </head>
   <body>
      <textarea  rows="5" cols="30" id="txt"></textarea><br>
      <input type="button" name="btn" id="btn" value="验证" /><br>
       <input type="text" name="" id="txt2" value="" />
   </body>
</html>
<script type="text/javascript">

   $(function(){

       var txt =document.getElementById('txt');
       var txt2 = document.querySelector('#txt2')
         var btn =document.getElementById('btn');

        btn.onclick = function(){

        var reg1 = /^\w{5,}@[a-z0-9]{2,3}\.[a-z]+$|\,$/;

        if(reg1.test(txt.value))
        {

            txt2.value = '验证成功！'
            var a1 = txt2.value
            console.log(a1)
            $('#txt2').css('color','blue')
        }
        else
        {
            txt2.value = '验证失败！'
            $('#txt2').css('color','red')

        }
    }

   })

</script>

转载于:https://www.cnblogs.com/-khj/p/6256754.html

weixin_30244889

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
简单正则匹配QQ邮箱

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <script src="../jquery-3.1.0.js" ></script> <title></title> <styl...
复制链接

扫一扫