使用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步表單的簡單方法

回答

相關問題