html5实现 input必须为手机号且非空的验证方法

最新推荐文章于 2023-01-16 10:15:33 发布

_陌子曦

最新推荐文章于 2023-01-16 10:15:33 发布

阅读量3.2w

点赞数 4

分类专栏： html5 文章标签： html5

本文链接：https://blog.csdn.net/QCIWYY/article/details/51306089

版权

html5 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的简单验证手机号格式的功能，并通过点击按钮获取并验证手机号。主要涉及了正则表达式用于验证手机号格式的有效性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>IE</title>
<script language="javascript" type="text/javascript">

function checkMobile(str) {
    if(str==""){
        alert("手机号不能为空！");
    }
    else{
        var re = /^1\d{10}$/                                以1开始后面加10位数字
        if (re.test(str)) {
            alert("正确");
        } else {
            alert("手机号格式错误！");
        }
    }
}
</script>
</head>
<body>
<input type="text" id="btn_getNum"/>
<input type="button" value="得到数字" οnclick="checkMobile(btn_getNum.value);"/>
</body>
</html>