양식을 2/3 섹션으로 변환하고 양식 검증을 유지 하시겠습니까?

Question

20 개 이상의 필드가있는 양식이 있고 이제는 iframe에 바인딩되어 있으므로 양식을 더 많은 섹션으로 구분해야합니다. 최선의 방법과 유효성 검사를 계속 유지하려면 어떻게해야합니까?

나는 간단하게 유지하려고 노력하고 있으며, 각각 7 개의 양식 필드와 마지막 섹션의 제출 버튼이있는 3 개의 div가 있다고 생각했습니다. 그러나 섹션을 찾아보고 섹션 별 유효성 검사를 수행하는 방법은 무엇입니까?

Answer 1

양식 섹션을 별도의 div에 넣고 브라우저에서 별도의 양식 파트로 "탐색"하지 말고 jQuery를 사용하여 div를 탐색하십시오.

<form> 
<div id="form1"><a href="#">form elements 1</a></div> 
<div id="form2" style="display:none"><a href="#">form elements 2</a></div> 
<div id="form3" style="display:none"><a href="#">for elements 3</a></div> 
</form> 

<script> 
jQuery("a").click(function(){ 
    jQuery(this).parents("form:first").children("div").hide(); 
    jQuery(this).parent().show(); 
}); 
</script> 

마지막 div에 제출 버튼이 있습니다.

이렇게하면 javascript로 필드의 유효성을 검사하고 오류가있는 div를 표시 할 수 있습니다.