上一個按鈕沒有表單驗證

Question

我有一個多頁form ，人們可以在其中按next和previous 。 表單在嘗試單擊next時驗證，但在單擊previous時也會驗證，這不應該是這種情況。

我在谷歌上搜索過並使用了不同網站提供的一些解決方案，例如class="cancel"或formnovalidate="formnovalidate"但到目前為止沒有任何效果。

這是我的兩個按鈕，它們都在一個表單中

<button data-role="prevbutton" class="btn btn-secondary pull-left">Previous</button>
<button data-role="nextbutton" class="btn btn-primary">Next</button>

沒有調用函數的簡單 JS 代碼，而是更像這樣：

flow.isBelgianResidentChangeHandler = function(isBelgianResident) { 
if (isBelgianResident) { 
$('[data-role="nextbutton"]').attr('disabled', false); 
} else { 
$('[data-role="nextbutton"]').attr('disabled', true); 
} };

Answer 1

沒有看到您的 JavaScript 代碼很難知道，但這可能是因為表單中按鈕元素的默認行為是提交按鈕。 因此，無論您按下哪個按鈕，它仍會提交您的表單。 如果這是問題，那么將type="button"添加到上一個按鈕將解決它。

<button data-role="prevbutton" type="button" class="btn btn-secondary pull-left">Previous</button>