用js写一个修改密码功能
时间: 2023-03-19 14:25:34 浏览: 227
好的,以下是一个用JavaScript实现的修改密码功能的基本示例:
HTML代码:
```html
<div>
<label for="oldPassword">旧密码:</label>
<input type="password" id="oldPassword">
</div>
<div>
<label for="newPassword">新密码:</label>
<input type="password" id="newPassword">
</div>
<button id="changePasswordBtn">修改密码</button>
```
JavaScript代码:
```javascript
const oldPasswordInput = document.getElementById('oldPassword');
const newPasswordInput = document.getElementById('newPassword');
const changePasswordBtn = document.getElementById('changePasswordBtn');
changePasswordBtn.addEventListener('click', () => {
const oldPassword = oldPasswordInput.value;
const newPassword = newPasswordInput.value;
// 模拟向后端发送修改密码请求
sendChangePasswordRequest(oldPassword, newPassword)
.then(response => {
// 修改密码成功
alert('密码修改成功!');
})
.catch(error => {
// 修改密码失败
alert('密码修改失败,请检查您的输入!');
});
});
function sendChangePasswordRequest(oldPassword, newPassword) {
// TODO:向后端发送修改密码请求的实现
// 返回一个Promise,成功时resolve,失败时reject
return new Promise((resolve, reject) => {
// 模拟请求过程
setTimeout(() => {
const success = Math.random() < 0.8; // 80%的概率修改成功
if (success) {
resolve();
} else {
reject();
}
}, 1000);
});
}
```
以上代码实现了一个简单的修改密码功能,当用户点击“修改密码”按钮时,会将输入框中的旧密码和新密码发送给后端进行处理,如果处理成功,则弹出提示框提示用户修改密码成功,否则提示修改密码失败。请注意,这仅仅是一个示例代码,实际开发中需要根据具体情况进行修改和完善。