js输入账号密码,点击按钮后判断是否为空 判断密码复杂度,英文大小写、数字、符号(至少带有三种属性) 账号六位以上、密码八位以上
时间: 2024-05-15 10:15:49 浏览: 110
js判断登陆用户名及密码是否为空的简单实例
以下是一个简单的实现,包括验证账号和密码是否为空,以及密码复杂度是否符合要求:
HTML:
```
<label>账号:</label>
<input type="text" id="username" placeholder="请输入账号">
<br><br>
<label>密码:</label>
<input type="password" id="password" placeholder="请输入密码">
<br><br>
<button onclick="submitForm()">登录</button>
```
JavaScript:
```
function submitForm() {
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
// 验证账号和密码是否为空
if (username.trim() === "" || password.trim() === "") {
alert("账号和密码不能为空!");
return;
}
// 验证密码复杂度
if (!checkPasswordComplexity(password)) {
alert("密码必须包含英文大小写字母、数字和符号(至少三种属性),且长度必须大于等于8位!");
return;
}
// 登录逻辑
// ...
}
function checkPasswordComplexity(password) {
var regex = new RegExp("^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[!@#\$%\^&\*])(?=.{8,})");
return regex.test(password);
}
```
这段代码首先获取账号和密码的输入值,然后通过 `trim()` 方法去掉字符串两端的空格,判断是否为空。如果有任何一个为空,就弹出提示并返回。
接着,调用 `checkPasswordComplexity()` 函数,验证密码复杂度是否符合要求。该函数使用正则表达式检查密码是否包含至少一位小写字母、一位大写字母、一位数字和一位符号,且长度必须大于等于8位。如果验证失败,也弹出提示并返回。
最后,如果账号和密码都满足要求,就可以执行登录逻辑。这里省略了具体的实现,你可以根据需求自行编写。
阅读全文