以一種形式處理兩個提交按鈕

Question

所以我有一個很長的形式，分解成一個div的兩塊。我也使用jquery的validate插件。我在第一個div上有一個提交按鈕，當它被按下時，它會驗證表單並且如果成功移動到下一個表單上。問題是表單混淆了提交按鈕實際上提交整個表單。這裏是我的代碼：fiddle

我想改變第一次提交到一個按鈕，並使點擊事件調用驗證，但那並沒有真正的工作。有誰知道我可以怎麼做，以便第二頁上的提交按鈕應該提交（後）整個表單？謝謝

Answer 1

這聽起來像你想要實現一個多部分表格，類似於Validation samples中的"Buy & Sell a House" demo。

供稿人：Michael Evangelista，顯示 的多部分表格買賣房屋。

演示的顯着特點：

多部分，使用jQuery UI的手風琴和一個自定義 方法來檢查是否驗證 集成蒙面輸入插件當一個元素是當前頁面上，看到電話實現和郵政領域

Answer 2

問題是，兩個提交表單將發送相同的表單回到服務器。使用div分隔兩個不會將表單從邏輯上分離爲更小的子表單。

我會說最簡單的解決方案是使用兩個單獨的窗體，因爲如果只能使用提交按鈕將窗體發佈到服務器。

你可以使用一些jQuery和一些按下按鈕激活的jQuery，讀取必要的輸入並通過jQuery的$.post函數將它們發送到服務器。我也建議看看jQuery的serialize函數。