书犹药也,善读可以医愚

    

日常敲代码练习之验证手机号

手动敲代码基础练习之正则验证获取用户输入手机号码是否有效。
过程:使用onkeyup()触发js方法,在js方法中获取用户输入,并使用正则验证是否为有效手机号。
验证手机号方法:第一位1开头,第二位为3、4、5、6、7、8、9中的一位,剩余9位为0-9之间的数字。
反馈:输入框后面实时出现提示。
完整代码:


<!DOCTYPE html>
<html>
<head>
    <title>practice</title>
    <meta charset="utf-8">
    <script type="text/javascript">
        function checkNumber(str) {
            var isreg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/;
            if (isreg.test(str)) {
                document.getElementById("hint").innerHTML = '手机号码有效!';
            } else {
                document.getElementById("hint").innerHTML = '无效的手机号码!';
            }
        }
    </script>
</head>
<body>
    <label>请输入手机号码:</label><input type="text" name="phonenumber" id="phonenumber" onkeyup="checkNumber(this.value)">
    <span id="hint"></span>
</body>
</html>

所有原创文章采用 知识共享署名-非商业性使用 4.0 国际许可协议 进行许可。
您可以自由的转载和修改,但请务必注明文章来源并且不可用于商业目的。
本站部分内容收集于互联网,如果有侵权内容、不妥之处,请联系我们删除。敬请谅解!

已有 6 条评论

  1. 保存下来,以备不时之需。
    1. 回复 明月清风: 好勒。
  2. 正则大法好,然后PHP老师说不用自己去写,真实工作中都是百度copy....
    1. 回复 程志辉: 然而那些经常copy的高手自己也是可以完全手写出全部的代码的,那COPY也无所谓了 - -!
  3. 复制这段代码到码云,以便以后使用,哈
    1. 回复 爱CSS: - -!我这都是基础练习呢,哈哈

添加新评论

  时光笔记:Avengers:Endgame

Marvel
看完了惊奇队长,相当期待4月份的复仇者联盟4阿,有木有?

updated on :

  关于博主

84年生人,天秤座与处女座交接,有一点点强迫症,性格诡异,情绪复杂多变。爱好健身、跑步,一年必跑一场全程马拉松,N场半程马拉松。也喜欢听歌与阅读,喜欢接触新鲜事物。座右铭:活到老,学到老,生命在于运动!

  近期评论

  •  map: 不是你适合一个人生活,一个人生活也只是阶段性,等到结婚有孩子后,牵挂太多,生活束缚了你的很多自...
  •  爱CSS: 难得有这份坚持呀,着实不容易
  •  有意博客: 能坚持锻炼,真好。我有两年没锻炼了,昨天开始准备重新回到锻炼。
  •  知趣书库: Wow,your personal website is so refined.
  •  小酱: 互相串门啊!超级喜欢你的模板! 网站名称:小酱博客~只为博你芳心! 网站简介:被嘲笑梦依旧前进...
  •  安笙: 我也很喜欢运动
  •  松鼠大大: 哇哦,挺棒的主题,真的就像是楼上说的那样,typecho不可多的的主题。收藏啦,博主加油,给个...
  •  枫叶: 看了你的博客,我觉得我应该能学点东西,最近也在想学Js,但是不知道从哪里入手。
  •  kimeng: 请问一个问题 就是你这个主题添加超过两个轮播图片他没有轮播出后面的图片,也没有循环轮播,请问怎...
  •  COAadmin: 农村的4个口2层楼,目前一个K2p,2个K2基本全覆盖

要铭记在心:每天都是一年中最美好的日子。

生活远没有咖啡那么苦涩,关键是喝它的人怎么品味!每个人都喜欢和向往随心所欲的生活,殊不知随心所欲根本不是生活。

如果错过了太阳时你流泪了,那么你也要错过群星了。

不如意的时候不要尽往悲伤里钻,想想有笑声的日子吧。

我不明白为什么要那么在意别人的看法,评头论足只是无聊人的消遣,何必看得如临大敌。如果你不吃别人家的饭,就别太把别人的话放在心上。