写一段验证严格登录的Javascript代码
时间: 2023-06-12 10:06:31 浏览: 49
以下是一段基于前端的严格登录验证的Javascript代码示例:
```javascript
function validateLogin() {
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
if (username.trim() == "" || password.trim() == "") {
alert("Please enter both username and password");
return false;
}
// Here you can add additional validation rules, such as password length, special characters, etc.
return true;
}
```
这个函数会获取用户输入的用户名和密码,并进行如下验证:
- 如果用户名或密码为空,会弹出提示框提示用户输入
- 可以在这个函数中添加其他的验证规则,如密码长度、是否包含特殊字符等
在登录页面的表单提交按钮上,可以将这个函数绑定到“onclick”事件上,如下所示:
```html
<form>
<input type="text" id="username" name="username" placeholder="Username">
<input type="password" id="password" name="password" placeholder="Password">
<input type="submit" value="Login" onclick="return validateLogin()">
</form>
```
这样,在用户点击登录按钮时,会先执行validateLogin()函数进行严格验证,如果验证通过,才会将表单数据提交到后端进行验证。