2

我将如何在 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 中，我检查密码和确认密码是否匹配。基本上我希望它甚至在按下提交之前验证。现在在提交时，它会像任何其他正常形式一样验证它。

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

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

基本上，我怎样才能将字段错误添加到我的 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 为空并且 showValidation 什么也不做，即使在打印我的 jon 响应时我可以看到带有消息的字段错误。如何让 StrutsUtils 工作？

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

4

1 回答 1

0

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

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

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

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

请参考我在下面链接中的回答，了解如何在使用 struts2 时处理 ajax 请求和响应。

如何在 Struts2 中获得 Ajax 响应

于 2013-12-11T21:39:59.227 回答