继续写一个用户名验证,验证规则,限16个字符,支持中英文、数字、下划线,当符合验证规则的时候,弹框提示正确,当出现特殊字符,不符合验证规则的时候,弹框提示错误,并且不执行下一步程序。
<!DOCTYPE HTML>
<html>
<head>
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body>
<input type="text" id="signName" maxlength="16"></input>
<button type="button" class="btn blue" id="addBtn">保存</button>
<script type="text/javascript">
$("#addBtn").on("click", function() {
var $signName = $("#signName").val();
//中文,数字,字母,下划线
var reg01 = /^[a-zA-Z0-9_\u4e00-\u9fa5]+$/;
if(reg01.test($signName)) {
alert("用户名正确")
} else {
alert("用户名错误")
return;
}
})
</script>
</body>
</html>
原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1
90后前端妹子,爱编程,爱运营,文艺与代码齐飞,魅力与智慧共存的程序媛一枚。