Question

我在这里有点腌菜。我需要构建一个专门的遍历表单来接收公司简介的输入。诀窍在于，所有的teh inpuyt应该在同一页面上以七个小表格的形式完成，这些表格一个接一个地打开，一个被填充。

我在第7页表格中有一个例子：

表格1 - 名称表格，其中只有公司名称填写表格1后，表格2打开，表格1关闭，显示公司名称表格2提供联系方式。填写此表单并提交后，表单将被隐藏，并在其位置显示所有联系人详细信息，并打开三个表单

我非常关注如何战略性地实施这一点。因为这里的所有形式都是基于ajax的形式开始。拥有这么多迷你形式背后的原因是避免创建一个巨大的形式。

这是一步一步的形式。

有什么想法吗？如果您需要更多详细说明，请告诉我。

Answer 1

如果我理解正确，您需要表单向导。

查看http://thecodemine.org/

上的jQuery实现

Answer 2

如果你想要更多的控制，我会选择jQuery并创建自己。

在一个页面上用HTML创建froms并通过CSS隐藏它们。

$('#form1').submit(function(e) {
e.preventDefault();

     $.post('/form1/', {companyname:companyName}, function (html) {

     if(parseFloat(html)){ // input data valid  

 $('#feedback').html(html.substring(1, html.length)).show(); // show company name

          $('#form1').hide();
          $('#form2').show();
     } 
     else // invalid input data
     {
     $('#feedback').html(html).show(); // show errors
     }

     });


});

几乎是你想要的。

parseFloat用作检查以快速查看是否已成功提交。如果您返回的数据以数字开头，则确实如此。 html.substring（1，html.length））取消这个数字，以便在输出到页面时不显示。

需要构建一个专门的输入表单，逐步引导用户

2 个答案: