用JS写,写一个登录代码验证示例,验证账号密码不为空,
时间: 2024-04-10 12:33:30 浏览: 15
以下是一个使用 JavaScript 编写的简单登录代码验证示例:
```javascript
// 获取表单元素
const form = document.querySelector('#login-form');
const usernameInput = document.querySelector('#username');
const passwordInput = document.querySelector('#password');
const errorText = document.querySelector('#error-text');
// 监听表单提交事件
form.addEventListener('submit', function(event) {
event.preventDefault(); // 阻止表单默认提交行为
const username = usernameInput.value.trim();
const password = passwordInput.value.trim();
// 验证账号密码是否为空
if (username === '' || password === '') {
errorText.textContent = '账号密码不能为空';
return;
}
// 执行登录逻辑
// TODO: 在这里编写登录逻辑,比如发送登录请求给后端
// 清空错误提示
errorText.textContent = '';
});
```
以上代码假设你有一个 HTML 表单,其中包含 id 为 `login-form` 的表单元素、id 为 `username` 的用户名输入框、id 为 `password` 的密码输入框,以及 id 为 `error-text` 的用于显示错误信息的元素。
该代码监听表单的提交事件,并在提交时获取用户名和密码的值。然后,它会验证这两个值是否为空。如果为空,则会在错误信息元素中显示相应的提示;如果不为空,则执行登录逻辑(你需要根据实际情况编写登录逻辑)。
请注意,这只是一个简单的示例,实际的登录逻辑可能涉及到更多的验证和安全性措施。