Zurb 문서가 완성되었습니다. 나는 Zurb이 그런 풍부한 프레임 워크를 제공한다고 가정 할 때 우리 모두 재단이 완전한 형태의 검증을 포함 할 것으로 기대합니다.
form validation javascript 프레임 워크 does not include, 그냥 검증을 크게 Zurb 문서에 설명되어 인식 형태를 형성한다.
나는 jQuery Validation Plugin의 유효성 검증을 완료했다고 말한 바 있습니다. 그것은 완벽하게 정렬 된 일을 얻기 위해 해결 퍼즐의 조금 걸리지 만 나는 아래 코드는 완벽하게 재단 3.0에서 제공하는 유효성 검사 상태를 사용하는 방법에 대한 몇 가지 초기 지침을 제공한다 같아요
<form id="contactForm">
<div class="five columns">
<label>First Name:</label>
<input type="text" maxlength='40' name='First Name' class='required' minlength='2'/>
</div>
<form>
<script>
$(document).ready(function(){
$("#contactForm").validate({
errorElement: "small",
highlight: function(element, errorClass, validClass) {
$(element).addClass(errorClass).removeClass(validClass);
$(element).parent().children("input").addClass(errorClass);
},
unhighlight: function(element, errorClass, validClass) {
$(element).removeClass(errorClass).addClass(validClass);
$(element).parent().children("input").removeClass(errorClass);
}
});
});
</script>
키는 다음과 같습니다
** highlight
및 unhighlight
가 대신 <small>
태그 내에 오류 메시지를 붙여 errorElement
을 추가/확인되는 입력 요소에 오류 클래스를 제거하고 지정 옵션을 사용하여, JQuery와 유효성 검사 규칙을 정의 클래스를 검증 사용 상표.
희망이 도움이되었습니다.