2013-01-08 7 views
2

zurb-foundation에 대한 완벽한 문서를 얻는 방법과 위치. 나는 Zurb 's Foundation 3을 사용 중이며 http://foundation.zurb.com/docs/index.php에서 doc을 얻었다. 그러나 양식 확인을위한 문서와 같이 일부 문서가 누락되었습니다. 기초적인 경우에는 양식 요소가 필수 속성을 가질 수 있거나 입력 요소가 유형이 전자 메일과 같을 수 있음을 보여줍니다. 그러나 양식을 제출하면 (응용 프로그램에서) 자동으로 유효성이 검사되고 그에 관한 문서를 얻을 수 없습니다.zurb-foundation에 대한 전체 문서는 어디에서 찾을 수 있습니까?

어디에서 추가 문서를 찾을 수 있습니까?

답변

1

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> 

키는 다음과 같습니다

** highlightunhighlight가 대신 <small> 태그 내에 오류 메시지를 붙여 errorElement을 추가/확인되는 입력 요소에 오류 클래스를 제거하고 지정 옵션을 사용하여, JQuery와 유효성 검사 규칙을 정의 클래스를 검증 사용 상표.

희망이 도움이되었습니다.

관련 문제