使用html/javascript设置2步表单的简单方法

我有一个html表单，用户填写地块详细信息，然后根据各个字段输出价格。然后我想要的是，如果用户满意的价格，他们可以填写更多的字段，如姓名，联系方式等，然后按提交，表格将通过PHP进行处理。使用html/javascript设置2步表单的简单方法

我想到了2种方法。首先是有一种形式，当提交时它会产生另一种形式，要求更多的信息。但我需要一种将变量从第一种形式传递到第二种形式的方式，因此这不太好。

第二个想法是在窗体中有一个触发器，以便当用户更改某个字段中的值时，它将输出价格并显示其他联系人信息字段。但我不确定这种方法是否好。

什么是最简单/最聪明的方式来处理客户端？

来源

2012-01-31 rav

我会去第二个选项。

步骤1.在服务器端处理页面，说quote.php

第2步：使用JavaScript，监控对你的表单字段。一旦你有一个有效的条目，发送发布数据到quote.php，它应该回复报价。用价格报价填写一个div。

JQuery的例子：

//You'll have to call this function whenever the user input changes 
//Call quote service 
$.get("/quote.php", 
    { 
    //Pass javascript variables as POST/GET variables 
    zip: txtzip, weight: txtweight, ship_method: txtship_method 
    }, 

    // Populate price div on this page with the quote response 
    function(data){ 
    $("#calc-price").html(data); 
    });

步骤3：如果用户喜欢价格，他们填写表格的其余部分，你处理它像一个普通的醇”的形式。

来源

2012-01-31 13:35:09

报价的计算实际上是在客户端使用js来完成的，因此我不需要使用php。我将整个表单提交给电子邮件等时使用php。 – rav 2012-01-31 18:21:33

如果客户拥有执行价格计算所需的所有数据，那么我会建议您根据第二个想法提供一些带有某些显示/隐藏功能的表单。其他人可能会不同意，但我只能在阅读或写作时回到服务器。更有甚者，如果有可用的web服务。

来源

2012-01-31 13:39:02

我通过使用2种形式来完成此操作。第一种形式输出价格，然后显示第二种形式。变量是全局的，这意味着第二种形式可以访问它们，并能够将它们发送到我的PHP页面。 – rav 2012-02-10 20:35:14

使用html/javascript设置2步表单的简单方法

回答

相关问题