Question

如何在struts2中实现AJAX验证，让您知道用户名是否可用onblur？这是我到目前为止所管理的，但文档不清楚：

JSP：

<%@ page
    language="java"
    contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib
    prefix="s"
    uri="/struts-tags"%>
<%@ taglib
    prefix="sj"
    uri="/struts-jquery-tags"%>

<!DOCTYPE html>
<html>
<head>
<sj:head jqueryui="true" />
<!-- Don't forget these 2 files!! -->
<script
    src="${pageContext.request.contextPath}/struts/utils.js"
    type="text/javascript"></script>
<script
    src="${pageContext.request.contextPath}/struts/css_xhtml/validation.js"
    type="text/javascript"></script>
<script
    type="text/javascript"
    src="js/register.js"></script>
<title>Register</title>
</head>

<s:url
    action="loginLink"
    var="loginHREF" />
<s:url
    action="forgotPasswordLink"
    var="forgotPasswordHREF" />
<s:url
    action="Register"
    var="registerHREF" />
<body>

    <s:form
        theme="css_xhtml"
        action="Register"
        onsubmit="return myValidate()">
        <s:textfield
            name="user.username"
            label="Username"
            id="uname"
            required="true"
            pattern="[a-zA-Z0-9_-]{5,12}"
            title="5-12 Alphanumeric characters required" />
        <s:textfield
            name="user.email"
            label="Email"
            required="true" />
        <s:password
            id="pass1"
            name="user.password"
            label="Password"
            required="true"
            pattern="{5,12}"
            title="5-12 characters" />
        <s:password
            id="pass2"
            label="Confirm Password"
            required="true"
            pattern="{5,12}" />
        <s:textfield
            name="user.firstName"
            label="First Name"
            required="true" />
        <s:textfield
            name="user.lastName"
            label="Last Name" />
        <sj:datepicker
            yearRange='-90:-3'
            changeYear="true"
            name="user.birthDate"
            readonly="true"
            label="Date of Birth" />
        <s:submit value="Register" />
    </s:form>
    <s:a href="%{loginHREF}">Login</s:a>
    <s:a href="%{forgotPasswordHREF}">Forgot Password</s:a>

    <script>
        $("#uname").blur(function() {

            var fieldData = $("#uname").serialize();
            fieldData = fieldData.slice(5);
            //do the POST thingies
            $.ajax({

                type : "POST",
                url : "ValidateUsername",
                cache : false,
                data : fieldData,
                dataType : "json",
                complete : function(request) {
                    alert("In complete");
                    var form = $('form');

                    //clear previous validation errors, if any
                    //StrutsUtils.clearValidationErrors(form);

                    //get errors from response
                    var text = request.responseText;
                    alert(text);
                    var errorsObject = StrutsUtils.getValidationErrors(text);

                    //show errors, if any
                    if (errorsObject.fieldErrors) {
                        StrutsUtils.showValidationErrors(form, errorsObject);
                    }

                }
            });

            return false;
        });
    </script>

</body>
</html>

动作：

@Action("ValidateUsername")
@Results(value = { @Result(name = "success", type = "json"), @Result(name = "input", type = "json") })
@ParentPackage("default")
@InterceptorRef("jsonValidationWorkflowStack")
public class ValidateUsername extends ActionSupport {

    private String username;

    @Override
    public String execute() {
        return SUCCESS;
    }

    @Override
    public void validate() {
        UserService service = new UserService();
        User isTaken = service.findByUsername(username);
        service.close();
        if (isTaken != null)
            addFieldError("user.username", "That username is taken");
    }

    public String getUsername() {
        return username;
    }

    public void setUsername(String username) {
        this.username = username;
    }

}

如果您只是添加json拦截器并在sx：submit标记中设置validate =“true”，那么文档会让struts2为您处理它。在register.js中，我检查密码和确认密码是否匹配。基本上我希望它甚至可以在按下提交之前进行验证。现在在提交时，它会像任何其他正常形式一样验证它。

编辑：另外，除了使用dojo之外还有其他工作方法吗？它似乎阻止了我所有的客户端验证，包括所需的属性，js等。

Edit2：我放弃了dojo插件，学会了一些js并设法将我现在拥有的东西放在一起。现在唯一剩下的就是显示错误。警报响应文本会显示一个json字符串，其中只包含一个用户名键值对。我应该向该操作添加另一个成员并处理它以显示错误消息吗？因为StrutsUtils js不起作用。 ~~addFieldError("user.username", "That username is taken");不会修改json结果。~~

~~基本上，如何将fielderrors添加到我的json响应中？~~

编辑：我通过修改注释将我的字段错误添加到json响应中，如下所示：

@Action("ValidateUsername") @Results(value = { @Result(name = "success", type = "json"), @Result(name = "input", type = "json", params = { "ignoreHierarchy", "false", "includeProperties", "actionErrors.*,actionMessages.*,fieldErrors.*" }) }) @ParentPackage("default") @InterceptorRef("jsonValidationWorkflowStack")

现在唯一的问题是： //清除以前的验证错误（如果有的话）

**//StrutsUtils.clearValidationErrors(form);** //get errors from response var text = request.responseText; alert(text); **var errorsObject = StrutsUtils.getValidationErrors(text);** //show errors, if any if (errorsObject.fieldErrors) { StrutsUtils.showValidationErrors(form, errorsObject); }

没有任何StrutsUtils函数正在运行。当我取消注释clearValidationErrors时，它什么都不做，并打破其余的js代码。 errorsObject为空，即使在打印我的jon响应时，showValidation也不执行任何操作，我可以看到带有消息的字段错误。 如何让StrutsUtils工作？

另外，有没有更好的方法来实现我的用例？我从来没有学过jquery / ajax，这是我的第一个struts2应用程序。

Answer 1

Struts在服务器端可用。你正试图打电话

var errorsObject = StrutsUtils.getValidationErrors(text);在客户端。

StrutsUtils是一个类，在客户端/ javascript上不可用。

您可以通过多种方式发送错误。

请参阅以下链接中的答案，了解如何处理ajax请求＆amp;使用struts2时的响应。

How to get Ajax response in Struts2

struts2 onblur服务器端ajax验证

1 个答案: