前端如何处理用户密码过期的提示逻辑？

晏鸣提问于 2026-03-22 21:30:24 阅读 13

安全

我们系统要求用户每90天改一次密码，但我不确定前端该怎么友好地提醒用户。后端会在登录接口返回password_expired: true，我现在直接弹个alert太生硬了，有没有更自然的做法？

试过在登录成功后判断这个字段然后跳转到修改密码页，但用户可能正在填表单，突然跳转会丢数据。也想过用全局通知栏，但不知道怎么确保用户一定看到。

我来解答赞 0 收藏

反馈

1 条解答

慧娜~ Lv1

遇到这种情况，可以在用户登录后不立即跳转，而是通过一个非侵入式的方式提醒用户。可以考虑使用一个模态框或者固定在页面某个位置的通知栏，这样用户可以先完成手头的工作，再处理密码修改的事情。这里有一个简单的实现思路：

首先，在登录成功后检查返回的 password_expired 字段，如果为 true，则显示一个通知栏或者模态框。

if (response.password_expired) {

    showPasswordExpirationNotification();

}

然后，实现 showPasswordExpirationNotification 函数，可以用一个简单的 HTML 结构配合 CSS 样式来创建一个通知栏。这里用一个 div 来模拟：



    Your password has expired. Please update your password.

接着，在 JavaScript 中添加 show 和 hide 的方法：

function showPasswordExpirationNotification() {

    document.getElementById('password-expiration-notification').style.display = 'block';

}



function hidePasswordExpirationNotification() {

    document.getElementById('password-expiration-notification').style.display = 'none';

}

最后，用户点击 Change Password 按钮后，页面会跳转到修改密码页面。这种方式比较人性化，不会打断用户的正常操作流程。直接用这个。

2026-03-22 22:00