书犹药也,善读可以医愚

    

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

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

添加新评论

  Timeline:一生

那一条老街之中
居住着许多老人
每隔一段时间
就有一个生命从老街中逝去
住在这条街道的人渐渐习惯
人到了岁数
是不得不离开的
渐渐消失的生命
无论各自经历了怎样的一生
最终都是安安静静地离去了
留不得一点东西

updated on :

  关于博主

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

  近期评论

  •  御宅男: 码农路过,留下一个爪印!!!!
  •  林叶展弟弟: 我自己魔改了一些,都是在文件里直接改的,每次更新还是不辞辛苦改一改。
  •  御宅男: 瓜农路过 留下一个爪印
  •  白: 谢谢你!
  •  Zllf: 博主你好,能不能加个导航栏下拉菜单的功能?按分类-子分类做导航菜单。
  •  test1: 对自己来说, 记忆就是人生, 如果所有都忘记了, 那么, 对自己来说,就等于没来过.
  •  laoyao: 谢谢!你这主题好。对于我这个小白只能慢慢摸索
  •  laoyao: 大佬。不要文章页和独立页面的头部大图,怎么删除
  •  灰常记忆: 图片和网站共存亡
  •  灰常记忆: 记得有句话叫做记忆是痛苦的根源

  分类目录

青春就是用来追忆的,当你怀揣着它时,它一文不值,只有将它耗尽后,再回过头看,一切才有了意义,爱过我们的人和伤害过我们的人,都是我们青春存在的意义。

既然活着来到这个世界,就没有打算活着回去。所以,在这有限的时间里,我们应该珍惜生命,珍惜机会,更要珍惜那得之不易的时间。因那滴答做响的时间脚步,一旦走过,再不回头。

青春是一个充满魁力,充满诱惑的时代。好动是青春,好奇是青春,好玩是青春。玩世不恭更是青春,我们的一切切都是青春。

要先打败任何事情得先学会打败自己。

我会把每一次改变当做成长,哪怕是痛也值得。