用Javascript接受用户输入的用户名和密码 如果用户的用户名为admin,密码123321fx,则提示用户登录成功,否则一直输入。 建议:while或者do while循环
时间: 2024-02-13 13:02:37 浏览: 52
好的,以下是用JavaScript实现接受用户输入的用户名和密码,并判断登录是否成功的代码:
```javascript
let username, password;
do {
username = prompt("请输入用户名:");
password = prompt("请输入密码:");
} while (username !== "admin" || password !== "123321fx");
alert("登录成功!");
```
这段代码中,我们使用了 do...while 循环来接受用户的输入,并判断用户名和密码是否正确。如果用户名和密码不正确,则继续提示用户输入,直到输入正确为止。最后,使用 alert 函数来提示用户登录成功。
相关问题
js代码实习用户登录验证,如果用户名admin密码123456则提示登录成功,否则让用户一直输入。输入超过三次,提示用户已锁定
对于您的问题,我可以给出一个简单的示例代码,但需要您注意的是,这并不是一个完美的登录验证解决方案,仅仅是一个初步的示范。
```javascript
var username = "admin";
var password = "123456";
var count = 0;
while(count < 3){
var inputName = prompt("请输入用户名:");
var inputPass = prompt("请输入密码:");
if(inputName === username && inputPass === password){
alert("登录成功!");
break;
}else{
alert("用户名或密码错误!");
count++;
}
}
if(count === 3){
alert("输入次数已超过三次,用户已锁定!");
}
```
您可以将以上代码复制到您的文本编辑器中,将用户名和密码修改为您所需的值,然后保存为一个 .js 文件,将文件引入到您需要进行登录验证的页面中即可。
不过需要注意的是,这只是一个非常简单的示例,实际的登录验证需考虑很多情况,例如:密码的加密处理、用户信息的存储、防止暴力破解、并发登录的处理等,因此请不要将此片代码用于正式生产环境中。
微信小程序中请编写一个用户登录页面,提示输入用户名和密码登录。
好的,以下是一个简单的微信小程序用户登录页面的代码:
```html
<!--index.wxml-->
<view class="container">
<view class="input-container">
<input bindinput="onUsernameInput" placeholder="请输入用户名" />
</view>
<view class="input-container">
<input bindinput="onPasswordInput" type="password" placeholder="请输入密码" />
</view>
<button bindtap="onLogin" class="login-button">登录</button>
</view>
```
```javascript
// index.js
Page({
data: {
username: '',
password: '',
},
onUsernameInput(event) {
this.setData({
username: event.detail.value,
});
},
onPasswordInput(event) {
this.setData({
password: event.detail.value,
});
},
onLogin() {
const { username, password } = this.data;
// 在这里进行登录验证
// 如果验证通过,则跳转到首页
// 如果验证失败,则提示用户用户名或密码错误
if (username === 'admin' && password === '123456') {
wx.navigateTo({
url: '/pages/home/home',
});
} else {
wx.showToast({
title: '用户名或密码错误',
icon: 'none',
});
}
},
});
```
```css
/* index.wxss */
.container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
}
.input-container {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin-bottom: 20px;
}
input {
width: 300px;
height: 40px;
border: 1px solid #ccc;
border-radius: 4px;
padding: 10px;
font-size: 16px;
}
.login-button {
width: 200px;
height: 40px;
background-color: #007aff;
color: #fff;
border: none;
border-radius: 4px;
font-size: 16px;
}
```
注意,这只是一个简单的示例代码,实际开发中需要根据实际情况进行修改和完善。同时,登录验证的具体实现需要根据后端接口的设计进行调整。