Php 需要构建一个专门的输入表单,引导用户逐步完成

Php 需要构建一个专门的输入表单,引导用户逐步完成,php,javascript,forms,Php,Javascript,Forms,我这里有点麻烦。 我需要建立一个专门的走查表,以便为公司简介输入信息。 诀窍是,所有的输入都应该在同一页上以七个小表单的形式完成,当一个表单被填充时,它们会一个接一个地打开 例如,我在第7页的表格中有: 表格1-只有公司名称的名称表格 填写表格1后,表格2打开,表格1关闭,显示公司名称 表格2包含联系方式。填写并提交此表单后,表单将隐藏,并在其位置显示所有联系人详细信息,表单3将打开 我一直在思考如何从战略上实施这一点。因为这里的所有表单一开始都是基于ajax的表单。拥有这么多迷你表单的原因是为

我这里有点麻烦。 我需要建立一个专门的走查表,以便为公司简介输入信息。 诀窍是,所有的输入都应该在同一页上以七个小表单的形式完成,当一个表单被填充时,它们会一个接一个地打开

例如,我在第7页的表格中有:

表格1-只有公司名称的名称表格 填写表格1后,表格2打开,表格1关闭,显示公司名称 表格2包含联系方式。填写并提交此表单后,表单将隐藏,并在其位置显示所有联系人详细信息,表单3将打开

我一直在思考如何从战略上实施这一点。因为这里的所有表单一开始都是基于ajax的表单。拥有这么多迷你表单的原因是为了避免创建一个巨大的表单

这是一种循序渐进的形式


有什么想法吗?如果您需要更详细的说明,请告诉我。

如果我理解正确,您需要一个表单向导


上看一看jQuery实现,如果您想要更多的控制,我将使用jQuery并创建自己

在一个页面上创建HTML格式的表单,并通过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用于检查是否已成功提交。如果返回的数据以数字开头,则为真。substring(1,html.length))去掉了这个数字,这样在输出到页面时就不会显示它。

我看不出有什么问题。。只需在用户会话中缓存收集到的信息。这正是我在寻找表单向导时所说的话-该库看起来很有希望,我会尝试一下:)谢谢,伙计