0

现在我可以在 twitter 引导模式中呈现一个注册表单,在其中输入数据,如果数据没有通过约束,表单将正确呈现并说约束没有通过(通过错误消息)。

但问题是,即使未验证约束并且我得到的视图包含错误消息,我使用的 formRemote 最终也会“通过”。

本质上,我创建了一个模式,然后将其data-remote设置为包含以下代码的 gsp:

<%@ page import="security.User" %>
<html>
    <head>
        <r:layoutResources />
        <g:set var="entityName" value="${message(code: 'user.label', default: 'User')}" />
        <title><g:message code="default.create.label" args="[entityName]" /></title>
    </head>
    <body>
        <g:hasErrors bean="${userInstance}">
        <ul class="errors" role="alert">
            <g:eachError bean="${userInstance}" var="error">
            <li <g:if test="${error in org.springframework.validation.FieldError}">data-field-id="${error.field}"</g:if>><g:message error="${error}"/></li>
            </g:eachError>
        </ul>
        </g:hasErrors>
        <g:formRemote name="ajaxSignupForm" url="[action:'save',controller:'user']" update="signupModal .modal-body">
            <div class="fieldcontain ${hasErrors(bean: userInstance, field: 'username', 'error')} required">
                <label for="username">
                    <g:message code="user.username.label" default="Username" />
                    <span class="required-indicator">*</span>
                </label>
                <g:textField name="username" required="" value="${userInstance?.username}"/>
            </div>

            <div class="fieldcontain ${hasErrors(bean: userInstance, field: 'password', 'error')} required">
                <label for="password">
                    <g:message code="user.password.label" default="Password" />
                    <span class="required-indicator">*</span>
                </label>
                <g:passwordField name="password" required="" value="${userInstance?.password}"/>
            </div>

            <div class="fieldcontain ${hasErrors(bean: userInstance, field: 'confirmPassword', 'error')} required">
                <label for="confirmPassword">
                    <g:message code="user.confirmPassword.label" default="Confirm Password" />
                    <span class="required-indicator">*</span>
                </label>
                <g:passwordField name="confirmPassword" required="" value="${userInstance?.confirmPassword}"/>
            </div>
            <g:submitButton name="create" class="btn btn-success" value="Create Account" />
        </g:formRemote>


            <div style='display: none; text-align: left;' id='signupMessage'></div>
        <r:layoutResources />
    </body>
</html>

update="signupModal .modal-body"块是更新包含此 gsp 的模式的内容。我知道这是一些令人讨厌的逻辑,那么我该怎么做才能使它更好并实际正确执行?

4

1 回答 1

0

我更喜欢将您的 formRemote 包含在一个 div 中。然后设置 update="formParent"。

例如

<div id="formParent" ... update="signupModal">
   <g:formRemote
   ...
</div>
于 2013-07-02T06:12:03.540 回答