struts2+jquery组合验证注册用户是否存在

“struts2+jquery组合验证注册用户是否存在”主要分为以下几个步骤：

1. 建立用户注册表单，包括用户名和密码等字段。
2. 在struts2的Action中接收前端传来的表单数据，并判断用户名是否已存在。
3. 使用jquery进行前端异步验证，实现用户输入用户名后，实时校验用户名是否已存在。

下面是具体操作步骤：

1.建立用户注册表单，包括用户名和密码等字段。

在前端建立用户注册表单，例如：

<form id="register-form" action="register.action" method="post">
    <label>用户名：</label>
    <input type="text" id="username" name="username" required>
    <label>密码：</label>
    <input type="password" id="password" name="password" required>
    <button type="submit">提交</button>
</form>

2.在struts2的Action中接收前端传来的表单数据，并判断用户名是否已存在。

在struts.xml中配置Action和Result，在Action中加入验证功能。例如：

<action name="register" class="com.example.RegisterAction">
    <result name="success">/success.jsp</result>
    <result name="input">/register.jsp</result>
    <result name="error">/error.jsp</result>
</action>

在RegisterAction的execute()方法中，接收前端传来的表单数据，并判断用户名是否已存在。如果存在，返回错误信息；如果不存在，继续执行后续操作。例如：

public class RegisterAction extends ActionSupport {
    private String username;
    private String password;

    public String execute() throws Exception {
        if (isUsernameExists(username)) {
            addActionError("用户名已存在");
            return INPUT;
        }
        // 省略注册用户的代码
        return SUCCESS;
    }

    private boolean isUsernameExists(String username) {
        // 判断用户名是否已存在
        // 如果存在，返回true；否则，返回false
    }
}

3.使用jquery进行前端异步验证，实现用户输入用户名后，实时校验用户名是否已存在。

在register.jsp中，加入jquery代码，实现用户输入用户名时，调用Action中isUsernameExists()方法，返回是否存在的结果。例如：

<script>
    $(function() {
        // 当用户输入用户名时，进行验证
        $("#username").blur(function() {
            $.ajax({
                url: "checkUsername.action",
                type: "post",
                data: {"username": $("#username").val()},
                dataType: "json",
                success: function(data) {
                    if (data.exists) {
                        alert("用户名已存在");
                        $("#username").val("");
                    }
                },
                error: function() {
                    alert("出错了");
                }
            });
        });
    });
</script>

在struts.xml配置Action和Result，在Action中加入checkUsername功能。例如：

<action name="checkUsername" class="com.example.RegisterAction" method="checkUsername">
    <result type="json">
        <param name="root">data</param>
    </result>
</action>

在RegisterAction中加入checkUsername方法，返回是否存在的结果。例如：

public void checkUsername() throws IOException {
    String username = ServletActionContext.getRequest().getParameter("username");
    boolean exists = isUsernameExists(username);
    Map<String, Object> data = new HashMap<>();
    data.put("exists", exists);
    HttpServletResponse response = ServletActionContext.getResponse();
    response.setContentType("application/json;charset=UTF-8");
    response.getWriter().write(JSONObject.toJSONString(data));
}

示例1：提示错误信息

当用户输入一个已存在的用户名，提交表单时将无法成功提交，并弹出“用户名已存在”的提示框。

示例2：输入框置空

当用户输入一个已存在的用户名，输入框将会自动清空，方便用户重新输入新的用户名。