在键入JSP时检查JSP中的用户名

Question

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

Answer 1

首先：在向用户显示页面之前完全执行JSP。因此，如果您想快速反馈用户生成的事件（登录输入），您需要涉及Javascript。我推荐这样：

• 将jQuery JS库添加到您的页面。
• 为＆＃34; green＆＃34;设计CSS类和＆＃34;红色＆＃34;输入字段的状态。
• 添加＆＃34; onChange＆＃34;该事件的事件监听器。它的处理程序应该使用当前用户输入向服务器端发送AJAX请求。
• 实现接收用户输入的服务器端处理程序（servlet或任何你使用的）并检查它是否正常。
• AJAX＆＃34; onSuccess＆＃34;然后，事件监听器将从服务器接收响应并将正确的CSS类设置为该字段。

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