사용 thymeleaf 오류 메시지를 표시할 레이아웃을 변경 내 로그인 폼

Question 1

내가 사용하 Thymeleaf 하여 오류 메시지가 표시에 로그인 형태에 들어가 잘못된 자격:

<body>
  <div class="container">
    <form class="form" id="login" th:action="@{/login}" method="post">
      <h1 class="form__title">Login</h1>
      <div th:if="${param.error}" class="form__message form__message-error">
        invalid username or password
      </div>
  </div>
</body>

이 오류 메시지 div 만 나타납니다 따라 들어가 잘못된 자격 증명,내 양식을 변경하는 레이아웃-입력 필드를 움직이는 아래로 이동합니다. 내가 이것을 원하지 않는다. 내가 원하는 형태를 보면 동일한 방법 중 하나로만 메시지를 얻을 작성하거나 삭제할 수 있습니다. 가 누구나 알고 이것을 달성하는 방법?

Question 2

th:if 만 추가 <div> 면 error 요청 매개 변수가 있다. 하이 무엇을 원한다면,당신은 사용해야 한다 CSS 하거나 비어 있어 사업부 또는 일부를 보여 텍스트,사용 th:classappend 선택하 CSS 클래스를 사용합니다.

다음과 같습니다.

<body>
  <div class="container">
    <form class="form" id="login" th:action="@{/login}" method="post">
      <h1 class="form__title">Login</h1>
      <div th:classappend="${param.error}?'show':'hide'" class="form__message form__message-error">
        invalid username or password
      </div>
  </div>
</body>

가 .show 고 .hide 클래스에 정의된 CSS.

Wim Deblauwe · Answer 1 · 2021-11-23T15:11:56

th:if 만 추가 <div> 면 error 요청 매개 변수가 있다. 하이 무엇을 원한다면,당신은 사용해야 한다 CSS 하거나 비어 있어 사업부 또는 일부를 보여 텍스트,사용 th:classappend 선택하 CSS 클래스를 사용합니다.

다음과 같습니다.

<body>
  <div class="container">
    <form class="form" id="login" th:action="@{/login}" method="post">
      <h1 class="form__title">Login</h1>
      <div th:classappend="${param.error}?'show':'hide'" class="form__message form__message-error">
        invalid username or password
      </div>
  </div>
</body>

가 .show 고 .hide 클래스에 정의된 CSS.

이것은 그냥 내가 무엇을 찾고 있다. ...경우 추가 이 div 차단하지만,실행하고 있으로 TemplateProcessingException: <div th:classappend="${param.error ? 'form--hidden' : 'form--shown'}" class="form__message form__message-error"> invalid username or password </div> ...및 내 css 파일 form--hidden 그냥 말 display: none 고 form-shown 말 display:block
가 있었 오타 수정에 내 대답이다. 야 ${param.error} ? 'form--hidden' : 'form--shown' 귀하의 경우에.
ah,덕분에 많은 Wim! 지금 일하고 있다. 만,형태로도 변경 내용의 크기입니다. 하지만 난 그것은 아마 할 수있는 뭔가가 나 css. 그것은 이상한지만 생각하고 있었 div 여전히이 있는 경우에도,디스플레=none.

사용 thymeleaf 오류 메시지를 표시할 레이아웃을 변경 내 로그인 폼

질문

최고의 응답

다른 언어로

이 페이지는 다른 언어로되어 있습니다

이 카테고리에서 인기

인기 있는 질문에 이 카테고리