编写JavaScript程序实现一个非常简单的用户注册的数据合法性校验,界面如图3所示。具体要求: (1)用户名文本输入框、密码输入框必须有值。 (2)用户名、密码长度大于等于3个字符,小于等于6个字符。 (3)当提交数据时,如果输入框中的数据不合法,则给出对应的提示信息。
时间: 2023-06-15 07:05:27 浏览: 125
javaScript 简单验证代码(用户名,密码,邮箱)
以下是一个简单的实现:
```html
<!DOCTYPE html>
<html>
<head>
<title>User Registration Form</title>
</head>
<body>
<h1>User Registration Form</h1>
<form onsubmit="return validateForm()">
<label for="username">Username:</label>
<input type="text" id="username" name="username" /><br />
<label for="password">Password:</label>
<input type="password" id="password" name="password" /><br />
<input type="submit" value="Register" />
</form>
<script>
function validateForm() {
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
if (username == "" || password == "") {
alert("Username and password are required.");
return false;
}
if (username.length < 3 || username.length > 6) {
alert("Username must be between 3 and 6 characters.");
return false;
}
if (password.length < 3 || password.length > 6) {
alert("Password must be between 3 and 6 characters.");
return false;
}
return true;
}
</script>
</body>
</html>
```
在这个实现中,我们首先获取了输入框中的用户名和密码,然后逐个判断它们是否满足条件。如果有任何一个条件不满足,我们将显示一个警告框,并阻止表单的提交。如果所有条件都满足,我们将返回 `true`,表单将被提交。
阅读全文