이 양식을 예로 들어 보겠습니다.
<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}"
}
}
});
클라이언트 측 자바 스크립트에서 스프링 현지화 메시지에 액세스하는 방법이 있습니까? 아니면 현지화 된 문자열을 사용해야하는 경우 유효성 검사에 다른 것을 사용해야합니까?
messages.properties
자바 스크립트 수준에서 로케일 문자열을 검색 할 필요가 없습니다. 로케일 문자열을 HTML로만 유지하면 쉽게 수행 할 수 있습니다. 여기서 수행 할 작업은 다음과 같습니다.
HTML :
<span>
또는 <div>
각 입력 후에 만듭니다 (해당 요소 뒤에 일부 메시지를 표시하려는 경우 일부 유효성 검사 종류)<span>
하고<div>
JS :
<span>
또는 <div>
jQuery 유효성 검사가 실행될 때 표시 / 숨기기 만하면 됩니다.이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다