日常敲代码练习之验证手机号
手动敲代码基础练习之正则验证获取用户输入手机号码是否有效。
过程：使用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>Tags : 代码练习
所有原创文章采用 知识共享署名-非商业性使用 4.0 国际许可协议 进行许可。
您可以自由的转载和修改，但请务必注明文章来源并且不可用于商业目的。
本站部分内容收集于互联网，如果有侵权内容、不妥之处，请联系我们删除。敬请谅解！
Previous post
南京培训期间随手拍
Next post
有时候就是想胡乱写一下
已有 6 条评论