Spring 및 jQuery 유효성 검사 : 지역화 된 문자열을 사용하는 방법?

Mulgard

이 양식을 예로 들어 보겠습니다.

<form id="login_form" method="post" action="/rest/auth/auth">

    <div id="login_email" class="row margin-top-50">
        <div class="col-md-12" id="input_container">
            <input id="login_email_input" class="input_edit input_edit_img_width" type="email" name="email" th:placeholder="#{label.common_email}"></input>
            <img class="input_edit_img" src="/img/ic_login_user.png"></img>
        </div>
    </div>

    <div id="login_password" class="row margin-top-15">
        <div class="col-md-12" id="input_container">
            <input id="login_password_input" class="input_edit input_edit_img_width" type="password" name="password" th:placeholder="#{label.common_password}"></input>
            <img class="input_edit_img" src="/img/ic_login_pw.png"></img>
        </div>
    </div>

    <div class="row margin-top-15">
        <div class="col-md-12">
            <div class="checkbox_square">
                <input id="check_password_show" type="checkbox" value=""></input>
                <label for="check_password_show"></label>
                <span th:text="#{label.common_password_show}"></span>
            </div>
        </div>
    </div>

    <div class="row margin-top-15">
        <div class="col-md-12">
            <button id="login_submit" type="submit" class="btn btn-default btn-blue" th:text="#{label.login}"></button>
        </div>
    </div>

</form>

th:placeholder="#{label.common_email}"예를 들어 현지화 된 메시지를 사용하여 im을 볼 수 있습니다 .

이제 jQuery 유효성 검사를 사용하고 싶습니다. 어떻게 든 messages.properties다음과 같은 지역화 된 문자열을 사용해야합니다 .

$("#login_form").validate({
    rules: {
        email: {
            required: true,
            email: true
        },
        password: {
            required: true
            /*minlength: 6,
            maxlength: 20*/
        }
    },
    messages: {
        email: {
            required: "#{label.input_missing_email}",
            email: "#{label.input_missing_email_valid}"
        },
        password: {
            required: "#{label.input_missing_password}",
            minlength: "#{label.input_missing_password_valid}"
        }
    }
});

클라이언트 측 자바 스크립트에서 스프링 현지화 메시지에 액세스하는 방법이 있습니까? 아니면 현지화 된 문자열을 사용해야하는 경우 유효성 검사에 다른 것을 사용해야합니까?

Dharmik Chauhan

messages.properties자바 스크립트 수준에서 로케일 문자열을 검색 할 필요가 없습니다. 로케일 문자열을 HTML로만 유지하면 쉽게 수행 할 수 있습니다. 여기서 수행 할 작업은 다음과 같습니다.

HTML :

  • 개별적으로 <span>또는 <div>각 입력 후에 만듭니다 (해당 요소 뒤에 일부 메시지를 표시하려는 경우 일부 유효성 검사 종류)
  • 모든 로케일 문자열을 여기에 html로 유지 <span>하고<div>

JS :

  • 해당 양식 입력에 대해 각각 <span>또는 <div>jQuery 유효성 검사가 실행될 때 표시 / 숨기기 만하면 됩니다.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

jQuery 유효성 검사 플러그인에 사용자 지정 방법을 사용하는 방법 및 문자열 값을 일치시키는 방법

분류에서Dev

jQuery 유효성 검사 플러그인에 사용자 지정 방법을 사용하는 방법 및 문자열 값을 일치시키는 방법

분류에서Dev

jQuery 유효성 검사기, 비활성화 된 <select> 유효성 검사 방법

분류에서Dev

jquery 동적으로 생성 된 숨겨진 텍스트 영역의 유효성을 검사하는 방법

분류에서Dev

날짜 유효성 검사를 위해 Jquery 전역 화 패키지를 사용하는 방법

분류에서Dev

ASP 확인란 목록에서 사용자 지정 유효성 검사기의 유효성을 검사하는 jQuery 함수를 만드는 방법

분류에서Dev

ASP 확인란 목록에서 사용자 지정 유효성 검사기의 유효성을 검사하는 jQuery 함수를 만드는 방법

분류에서Dev

Spring Forms 및 유효성 검사 문제

분류에서Dev

응용 프로그램을 지역화하는 동안 유효성 검사 (RegEx)를 처리하는 방법

분류에서Dev

Spring MVC에서 사용자 지정 유효성 검사를 수행하는 방법은 무엇입니까?

분류에서Dev

JwtSecurityToken 사용자 지정 속성의 유효성을 검사하는 방법

분류에서Dev

프로그램 봄 검사기를 사용하여지도 <문자열, 문자열>의 유효성을 검사하는 방법

분류에서Dev

Java를 사용하여 문자열의 유효성을 검사하는 방법

분류에서Dev

사용자 지정 유효성 검사기를 사용하여 중첩 된 입력에 대한 조건부 jquery 유효성 검사

분류에서Dev

jquery 입력 필드의 유효성을 검사하는 방법

분류에서Dev

jquery에서 양식의 유효성을 검사하는 방법

분류에서Dev

JQuery / Javascript에서 양식 유효성을 검사하는 방법

분류에서Dev

전체 이름에 공백을 허용하지 않는 방법에 대한 jquery 양식 유효성 검사

분류에서Dev

사용자 지정 양식 유효성 검사를 적용하는 방법 [Angular]

분류에서Dev

사용자 정의 유효성 검사 방법이 작동하지 않음-jQuery 유효성 검사 플러그인

분류에서Dev

GWT JSR303 유효성 검사, 방법 유효성 검사 또는 사용자 지정 주석 사용

분류에서Dev

직렬화 된 문자열의 웹 API 유효성 검사

분류에서Dev

jQuery 유효성 검사로 사용자 지정 메서드 유효성 검사

분류에서Dev

로그인 유효성 검사 및 jquery 유효성 검사 플러그인을 사용하여 성공 페이지로 리디렉션

분류에서Dev

로그인 유효성 검사 및 jquery 유효성 검사 플러그인을 사용하여 성공 페이지로 리디렉션

분류에서Dev

계산 된 값을 실행하는 사용자 지정 유효성 검사

분류에서Dev

사용자 지정 클래스에서 ActiveModel의 유효성 검사 및 콜백을 사용하는 방법은 무엇입니까?

분류에서Dev

Javascript를 사용하여 첫 번째 숫자 및 전체 숫자로 0을 허용하지 않는 텍스트 필드 유효성 검사 방법

분류에서Dev

jQuery 유효성 검사 비활성화 및 활성화

Related 관련 기사

  1. 1

    jQuery 유효성 검사 플러그인에 사용자 지정 방법을 사용하는 방법 및 문자열 값을 일치시키는 방법

  2. 2

    jQuery 유효성 검사 플러그인에 사용자 지정 방법을 사용하는 방법 및 문자열 값을 일치시키는 방법

  3. 3

    jQuery 유효성 검사기, 비활성화 된 <select> 유효성 검사 방법

  4. 4

    jquery 동적으로 생성 된 숨겨진 텍스트 영역의 유효성을 검사하는 방법

  5. 5

    날짜 유효성 검사를 위해 Jquery 전역 화 패키지를 사용하는 방법

  6. 6

    ASP 확인란 목록에서 사용자 지정 유효성 검사기의 유효성을 검사하는 jQuery 함수를 만드는 방법

  7. 7

    ASP 확인란 목록에서 사용자 지정 유효성 검사기의 유효성을 검사하는 jQuery 함수를 만드는 방법

  8. 8

    Spring Forms 및 유효성 검사 문제

  9. 9

    응용 프로그램을 지역화하는 동안 유효성 검사 (RegEx)를 처리하는 방법

  10. 10

    Spring MVC에서 사용자 지정 유효성 검사를 수행하는 방법은 무엇입니까?

  11. 11

    JwtSecurityToken 사용자 지정 속성의 유효성을 검사하는 방법

  12. 12

    프로그램 봄 검사기를 사용하여지도 <문자열, 문자열>의 유효성을 검사하는 방법

  13. 13

    Java를 사용하여 문자열의 유효성을 검사하는 방법

  14. 14

    사용자 지정 유효성 검사기를 사용하여 중첩 된 입력에 대한 조건부 jquery 유효성 검사

  15. 15

    jquery 입력 필드의 유효성을 검사하는 방법

  16. 16

    jquery에서 양식의 유효성을 검사하는 방법

  17. 17

    JQuery / Javascript에서 양식 유효성을 검사하는 방법

  18. 18

    전체 이름에 공백을 허용하지 않는 방법에 대한 jquery 양식 유효성 검사

  19. 19

    사용자 지정 양식 유효성 검사를 적용하는 방법 [Angular]

  20. 20

    사용자 정의 유효성 검사 방법이 작동하지 않음-jQuery 유효성 검사 플러그인

  21. 21

    GWT JSR303 유효성 검사, 방법 유효성 검사 또는 사용자 지정 주석 사용

  22. 22

    직렬화 된 문자열의 웹 API 유효성 검사

  23. 23

    jQuery 유효성 검사로 사용자 지정 메서드 유효성 검사

  24. 24

    로그인 유효성 검사 및 jquery 유효성 검사 플러그인을 사용하여 성공 페이지로 리디렉션

  25. 25

    로그인 유효성 검사 및 jquery 유효성 검사 플러그인을 사용하여 성공 페이지로 리디렉션

  26. 26

    계산 된 값을 실행하는 사용자 지정 유효성 검사

  27. 27

    사용자 지정 클래스에서 ActiveModel의 유효성 검사 및 콜백을 사용하는 방법은 무엇입니까?

  28. 28

    Javascript를 사용하여 첫 번째 숫자 및 전체 숫자로 0을 허용하지 않는 텍스트 필드 유효성 검사 방법

  29. 29

    jQuery 유효성 검사 비활성화 및 활성화

뜨겁다태그

보관