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 に答える