将表单转换为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。