为输入标记thymleaf+spring添加css类

Question

    public class Comp implements Serializable {

        private static final long serialVersionUID = 1L;

        @JsonProperty("name")
        @NotNull
        @NotBlank
        private String name;

        @JsonProperty("accId")
        @NotNull
        @NotBlank
        private String accId;
    }

    @RequestMapping(value = "/companyAccountHtml", method = RequestMethod.GET) 
        public String companyAccount(HttpServletRequest request, Model model) {

            model.addAttribute("companyAccess", new CompanyAccess());
            return "addcompanyaccount";
        }

        @RequestMapping(value = "/addCompanyAccount", method = RequestMethod.POST) 
        public String addCompanyAccount(@Valid CompanyAccess companyAccess, BindingResult result,
                HttpServletRequest request, Model model) {
            if(result.hasErrors()){
                return "addcompanyaccount";
            }

            return "redirect:/cred";
        }

    <form id="comp" name="comp" action="#" th:action="@{/addCompanyAccount/}" 
                th:object="${companyAccess}" method="post" >
          <div class="c" style="margin-left: auto; margin-right: auto; float: none;">
            <p class="hed">Add Company Account</p>

            <label for="ad">Name*</label>
            <input type="text" th:field="*{name}" name="name" maxlength="40" 
             th:classappend="${#fields.hasErrors('name')}? has-error : ">

            <label for="acc">Id*</label>
            <input type="text" th:field="*{accId}" name="accId" maxlength="12" 
            th:classappend="${#fields.hasErrors('accId')}? has-error : ">
          </div>
          <div class="clear"></div>

          <div class="vltl_button-wrapper">
            <input type="submit" id="submitBtn" class="ccc" value="  Save  "></button>
            <input type="button" class="ccc" value="Cancel" onClick="document.location.href='../cred'">

          </div>
          </form>

CSS

    .has-error{
        border:1px solid red!important;
    }

在th:classappend=“${#fields.haserrors('name')}中获取错误？带有input标记的havs-error：”。如果我使用p标记，输入文本的红线就会下降，如果字段为空或空，我希望输入框将为红色。我也尝试了th:if，它不会填充文本文件本身，只是在它显示错误时。请告诉我如何进行。已经有很多CSS返回输入标签了，谢谢。

Answer 1

您需要将false条件添加到th:classappend表达式中。例如，在名称字段中：

html prettyprint-override"><input type="text" th:field="*{name}" name="name" maxlength="40" 
         th:classappend="${#fields.hasErrors('name')}? has-error : ''">

请注意th:classappend中:后面的空单引号字符串。您当前拥有的是一个无效的三值表达式。如果在Java中使用三进制，它将是：

int x = booleanCondition ? 1 : ;    // Error because the right side doesn't have a value

同样的概念也适用于此。