js示例:接收用户输入的用户名和密码,若用户名为 “admin” ,且密码为 “123456” ,则提示用户登录成功! 否则,让用户一直输入。
时间: 2024-09-12 17:12:56 浏览: 66
在JavaScript中,你可以使用事件监听和条件判断来实现这个功能。下面是一个简单的示例:
```javascript
// 获取用于输入用户名和密码的元素
const usernameInput = document.getElementById('username');
const passwordInput = document.getElementById('password');
const submitButton = document.getElementById('login-button');
// 添加事件监听器到提交按钮
submitButton.addEventListener('click', function() {
const username = usernameInput.value;
const password = passwordInput.value;
// 检查用户名和密码是否匹配
if (username === 'admin' && password === '123456') {
alert('登录成功!');
// 清空输入框以避免显示旧值
usernameInput.value = '';
passwordInput.value = '';
} else {
alert('用户名或密码错误,请重新输入。');
}
});
```
在这个例子中,用户需要先输入用户名和密码,然后点击“登录”按钮。如果用户名和密码匹配,会弹出一个提示框告知登录成功,并清空输入框。如果不匹配,则显示错误信息并保持输入框内容不变。
阅读全文