In Grails, wie zeige ich Validierungsfehlermeldungen neben den Feldern an?

Question

Die Grails 2.0.4 documentation zur Validierung zeigt Ihnen, wie Sie Fehlermeldungen oben auf der Seite anzeigen und wie Sie einem Element eine css-Klasse hinzufügen, wenn ein Feld ungültig ist, aber nicht, wie Sie die Fehlermeldung neben anzeigen die Felder selbst, etwa so:

 ----------------------- 
Name: |      | You must enter a name! 
     ----------------------- 

Wie rufen Sie die spezifische Fehlermeldung für ein ungültiges Feld und dann auf das Feld neben anzeigen für es ist?

Answer 1

Eigentlich ist die Dokumentation zeigen, wie dies zu tun, es ist einfach nicht allzu klar, dass das ist, was sie bedeuten:

<g:renderErrors bean="${book}" as="list" field="title"/> 

Wenn Sie das Feld Attribut angeben, wird es nur Fehler machen (s) für dieses Feld. Also liegt es an Ihnen, den HTML-Code entsprechend zu schreiben.

<input type="text" ... /> <g:if test="${bean.hasErrors}"><g:renderErrors bean="${book}" as="list" field="title"/></g:if> 

Es kann so einfach oder so kompliziert, wie Sie es möchten und während ich Grails Plugins im Allgemeinen mag, dies scheint nur einfach genug, ohne eine zu tun und Sie mehr Kontrolle über das Markup haben.

Answer 2

Ich benutze die Grails Fields plugin, um dies zu tun, und es funktioniert ein Vergnügen.

Es erleichtert das Erstellen von Standardvorlagen für das Formularfeld-Rendering. Zum Beispiel habe ich im Anschluss an den in grails-app/views/_fields/default/_field.gsp:

<%@ page defaultCodec="html" %> 
<div class="control-group${invalid ? ' error' : ''}"> 
    <label class="control-label" for="${property}${index ?: ""}">${label}</label> 
    <div class="controls"> 
     <%= widget.replace("id=\"${property}\"", "id=\"${property}${index ?: ""}\"") %> 
     <g:if test="${invalid}"><span class="help-inline">${errors.join('<br>')}</span></g:if> 
    </div> 
</div> 

Wie Sie aus dem HTML sehen die Fehler inline angezeigt werden. Hier ist ein Teil meiner Login-Formular:

<g:form controller="home" action="login" > 
    <f:field bean="user" property="email"/> 
    <f:field bean="user" property="password"> 
     <g:field type="password" name="${property}" value="${value}"/> 
    </f:field> 
</g:form> 

Answer 3

ich empfehlen würde mit Jquery validation plugin gehen. Es gibt mehrere Grails-Plugins, aber sie sind etwas veraltet. Außerdem denke ich, dass diese Aufgabe für die Verwendung eines anderen Plugins ziemlich einfach ist.

Answer 4

Hier ist der benutzerdefinierte Fehler im Kontext, um Benutzername Feld gewickelt. Dies wird tun, was Sie wollen.

<dt>User Id</dt> 
      <dd><g:textField name="username" value="${user?.username}"/> 
      <g:hasErrors bean="${user}" field="username"> 
        <g:eachError bean="${user}" field="username"> 
         <p style="color: red;"><g:message error="${it}"/></p> 
        </g:eachError> 
       </g:hasErrors> 
      </dd>