需要建立一個專門的輸入表格，讓用戶通過一步一步的步驟

我在這裏有點醃製。我需要建立一個專門的瀏覽表單，以便爲公司資料輸入信息。訣竅是所有的inpuyt都應該在同一個頁面上以七個小表單的形式完成，該表單一個接一個地打開，並且一個被填充。需要建立一個專門的輸入表格，讓用戶通過一步一步的步驟

對於一個例子，我對第7頁形式：

表格1 - 名稱形式，只是有公司的名字在填寫表格1，表格2打開和形式1關閉顯示的名稱該公司在其位置 Form 2需要聯繫詳細信息。一旦這個表格被填寫並提交，表格被隱藏並且在它的位置顯示所有的聯繫方式並且形式三打開

我很困惑如何實施這個策略。由於這裏的所有形式都是以ajax爲基礎的形式。擁有這麼多迷你表單背後的原因是爲了避免創建一個巨大的表單。

這是一步一步的形式。

任何想法？讓我知道你是否需要更詳細的闡述。

來源

2011-03-12 Ali

我沒有看到問題..只是將收集的信息緩存在用戶的會話中。 – Thomaschaaf 2011-03-12 11:25:38

如果我理解正確，你想要一個表單嚮導。

看一看一個jQuery實現在http://thecodemine.org/

來源

2011-03-12 11:37:28

正是這樣，我正在尋找形式嚮導的話 - 圖書館看起來很有前途我會給它一個鏡頭:)謝謝 – Ali 2011-03-12 19:42:44

如果你想多一點控制我用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用作檢查以快速查看是否已成功提交。如果您返回的數據以數字開頭，這是真的。 html.substring（1，html.length））會取消這個數字，所以在輸出到頁面時它不會顯示出來。

來源

2011-03-12 11:47:31

需要建立一個專門的輸入表格，讓用戶通過一步一步的步驟

回答

相關問題