<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
用户名： <input type="text" id="inp" /><br> 密码：
<input type=" text" id="psw" /><br>
<input type="submit" value="提交" id="btn" />
</body>
</html>
<script type="text/javascript">
/*2、 已知页面中有个用户名和密码的文本框，一个登录按钮
当点击登录按钮时，需要对用户名格式进行验证：
要求： 长度在6—20 之间，否则alert提示
不能用数字开头 否则有alert提示
只能包含数字、字母、下划线，都正确，提示 正确，否则输出 只能包含字母数字下划线
*/
var inp = document.getElementById("inp");
var psw = document.getElementById("psw");
var btn = document.getElementById("btn");
btn.onclick = function() {
var str = inp.value;
if (str.length < 6 || str.length > 20) {
alert("长度必须要在6-20之间");
return;
} else if (!isNaN(str.charAt(0))) {
alert("不能用数字开头");
return;
} else {
for (var i = 0; i < str.length; i++) {
var ch = str.charCodeAt(i);
if (!((ch >= 48 && ch <= 57) || (ch >= 65 && ch <= 90) || (ch >= 97 && ch <= 122) || ch == 95)) {
alert("只能包含数字、字母、下划线");
return;
}
}
}
alert("合格");
}
</script>案例验证用户名格式
猜你喜欢
转载自blog.csdn.net/qq_38068491/article/details/82991566
今日推荐
周排行