grails - 如何在grails中添加bootstrap的反馈/错误？

Question

提交表单后添加错误图标/使字段变为红色的最佳方法是什么？
以下方法对我来说似乎不太实用:

<div class="form-group <g:hasErrors bean="${user}" field="username">has-feedback has-error</g:hasErrors>">
        <label for="username" ><g:message code="page.signup.label.username"/> : </label>
        <input type="username" class="form-control" id="username">
        <g:hasErrors bean="${user}" field="username">
             <i class="fa fa-times-circle-o form-control-feedback"></i>
        </g:hasErrors>
</div>

输入文本更改后如何使错误图标消失？如果我使用AJAX提交表单会更好吗？
谢谢 !

I know how to do it (show errors), but i'm looking for best practices (doesn't matter if it's only with grails, or with jquery and angular or any other framework)

Answer 1

好吧，借助spring错误类org.springframework.validation.Errors确实很容易，因为它具有许多实用方法，其中之一就是getFieldError。

假设您拥有域:

class Address{
String address
String city

static constraints = {
city nullable false
address nullable false
}
}

假设我们有如下的域对象地址:

  Address address  = new Address(address:"test address")

在gsp页面中，我们可以输入以下if条件:

<g:if test="${address.errors.getFieldError('city') != null}">
//your html code. 
</g:if>

在html代码中，您可以插入行内消息，也可以将文本框轮廓更改为RED，可以声明一个CSS类，如果存在错误，可以将其添加到字段中。

希望能帮助到你!