输入时在 JSP 中检查用户名

Question

我有一个 JSP 页面，用户需要在其中输入所需的用户名和密码。如果用户名已经存在，那么将在用户名已被使用的输入旁边显示一个错误（红色）。如果用户名是新用户名，那么（绿色）将在用户名可用的输入旁边显示一条消息。检查应与用户输入并行进行。用户名选择成功后，页面将被定向到登录页面。这个要怎么设计？

Answer 1

第一件事：在向用户显示页面之前完全执行 JSP。因此，如果您想要对用户生成的事件（登录输入）进行快速反馈，则需要使用 Javascript。我推荐这种方式：

• 将 jQuery JS 库添加到您的页面。
• 为输入字段的“绿色”和“红色”状态设计 CSS 类。
• 在字段中添加“onChange”事件监听器。其处理程序应使用当前用户输入向服务器端发送 AJAX 请求。
• 实现服务器端处理程序（servlet 或任何您使用的），接收用户输入并检查它是否正常。
• AJAX“onSuccess”事件侦听器随后将接收来自服务器的响应并为该字段设置适当的 CSS 类。

要查看的 jQuery 文档：.addClass()、.removeClass()、change handler、AJAX call。