随便写了一个
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
用户名:<input id="userName" >
密码:<input type="password">
密码:<input type="password">
<button onclick="sub()">注册</button>
<script src="jquery-2.1.1.min.js"></script>
<script>
var userName,
password,
password2;
function sub() {
userName = $('#userName').val();
password = $('input[type="password"]')[0].value;
password2 = $('input[type="password"]')[1].value;
if (userName.length < 4 || userName.length > 10) {
alert('用户名长度为4~10位');
return;
}
if (!password || !password2) {
alert('密码为空');
return;
}
if (password !== password2) {
alert('两次密码输入不一样,请重新输入');
return;
}
alert('注册成功');
}
</script>
</body>
</html>
追问提醒我有错误，$未定义
追答你说用jquery的方法,所以要导jquery包,我是导本地的,你把第11行那个src改一下吧
追问应该怎么改，刚开始学，有点不太会呢
还是不行
追答不可能不行把! 帮你改成原生的了,代码如下,直接复制什么都不用改
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
用户名:<input id="userName" >
密码:<input class='password' type="password">
密码:<input class='password' type="password">
<button onclick="sub()">注册</button>
<script>
var userName,
password,
password2;
function sub() {
userName = document.getElementById('userName').value;
password = document.getElementsByClassName('password')[0].value;
password2 = document.getElementsByClassName('password')[1].value;
if (userName.length < 4 || userName.length > 10) {
alert('用户名长度为4~10位');
return;
}
if (!password || !password2) {
alert('密码为空');
return;
}
if (password !== password2) {
alert('两次密码输入不一样,请重新输入');
return;
}
alert('注册成功');
}
</script>
</body>
</html>
本回答被提问者和网友采纳