2013-11-27 75 views
0

我創建一個多步驟的形式。我使用jQuery添加了每個步驟的驗證。如果字段爲空,則下一個按鈕被禁用。如果字段不爲空,則啓用下一個按鈕。多步形式表單驗證

我用這個代碼進行驗證

$('form.webform-client-form').bind("change keyup",function(){ 
var card_name = $('#edit-submitted-first-name1').val(); 
var card_number = $('#edit-submitted-card-number').val(); 
var expiration_year = $('#edit-submitted-expiration-year-year').val(); 
var expiration_month = $('#edit-submitted-expiration-year-month').val(); 
var cvv = $('#edit-submitted-cvv').val(); 
if (card_name != "" && card_number != "" && expiration_year != "" && expiration_month !="" && cvv != ""){ 
    $('form.webform-client-form').find('#edit-submit').attr('disabled', false); 
    $('form.webform-client-form').find('#edit-submit').addClass('active'); 
} 
else { 
$('form.webform-client-form').find('#edit-submit').attr('disabled', true); 
    $('form.webform-client-form').find('#edit-submit').removeClass('active'); 
} 
}); 

的問題是,當用戶填寫表單中的信息,他點擊了一個按鈕,如果他點擊後退按鈕,他回到第一種形式的信息預先填充,但接下來的按鈕沒有啓用,直到用戶輸入,因爲KEYUP功能的一些價值。如果用戶返回到prev表單,我希望啓用下一個按鈕。

有什麼辦法來解決這個問題,或者有任何其他的辦法了這一點。

任何幫助,將不勝感激。

回答

0

首先將所有的邏輯在不同功能的結合,然後調用,在裝訂,並按壓時後退按鈕調用時使用的鍵起驗證功能。這樣,它會檢查該字段並啓用按鈕

0

您需要解耦啓用和從鑰匙了被調用它的唯一事件下一步按鈕的禁用。我將其移出到時,有一個相關的KEYUP,並從上一步驟的值單擊下一步按鈕,這就是所謂的共同作用。