书犹药也,善读可以医愚

    

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

手动敲代码基础练习之正则验证获取用户输入手机号码是否有效。
过程:使用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: - -!我这都是基础练习呢,哈哈

添加新评论

  时光笔记:逐渐成长

有天晚上下班,和豆豆吃过饭后一起接了小家伙回家,开车的时候我说了句:哎呀晚上吃太饱了。没想到小家伙拖着长长的音在边上说:我——也——是——,边说还一本正经地用手摸了摸自己的肚子,笑死我了。

updated on :

  关于博主

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

  近期评论

  •  Cat: 冒个泡
  •  Ronin: 咚门,算是我对这个圈子的启蒙吧(⁎⁍̴̛ᴗ⁍̴̛⁎) 刚上大学那会,看到他的站,直接就买了使用...
  •  Ronin: 小宇也认识咚哥?以前我用的咚哥的wp主题 能加下友链吗?本站已添加,日均100PV,经常更新的...
  •  一稿计划: 定期回访
  •  iherb: 坚持锻炼不容易 赞
  •  小酱博客-记录我的一生: 互相串门啊!超级喜欢你的模板! 网站名称:小酱博客~记录我的一生 网站简介:被嘲笑梦依旧前进着...
  •  哎呦: 这个时间轴啥时候能发布?
  •  bean sprout: 因为我也懒了,周末还要陪小孩,一点点想更新blog的想法也没有了
  •  为迪斯科: 您好,用了和你一样的风格模板,友情链接一下,谢谢。 博客名称:为迪斯科户外 博客描述:各种户外...
  •  叶戈: 来和大佬链接了, 名称 叶戈博客 地址 https://blog.xjqxz.top 好像不用...

有种脾气叫,不放弃。

梦想是注定孤独的旅行,路上少不了质疑和嘲笑,但那又怎样,哪怕遍体鳞伤也要活的漂亮。

不管现在有多么艰辛,我们也要做个生活的舞者。

命运从来不会同情弱者。

不怕万人阻挡在前方,只怕自己先行投降。