將表單轉換爲2/3節並保持表單驗證？

Question

我有一個20 +字段的表單，現在我綁定到一個iframe，我需要將表單分成更多的部分。我怎樣才能最好地做到這一點，仍然保持驗證？

我想保持它簡單，並想着有3個div，每個持有7個表單字段和提交按鈕在最後一節。但是，我如何瀏覽部分並使每部分的驗證工作？

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。