Jquery驗證可訪問的多步驟形式

Question

我正在嘗試創建一個簡單的多步驟聯繫表單，它可以很好地與屏幕閱讀器配合使用，並且在每個步驟中都使用Jquery Validate插件。

我有一個改變焦點的腳本，併爲屏幕閱讀器用戶宣佈一個新的頁面，這個頁面運行良好。但是，我在驗證腳本中遇到問題。它在步驟1上工作，但在步驟2和步驟3上被繞過。

下一個按鈕還需要兩次單擊而不是一次。誰能告訴我我要去哪裏？以下是我如何設置驗證。每種形式在

https://jsfiddle.net/ldigital/8b3rwobk/2/

Answer 1

使用表單嚮導和jQuery插件驗證

Answer 2

嘗試創建不同形式的每個部分&調用.validate（）：

$(".next").click(function() { 
var form = $("#contact-multi"); 
form.validate({ 
    errorClass: 'help-block', 
    highlight: function(element, errorClass, validClass) { 
    $(element).closest('.form-group').addClass("has-error"); 
    }, 
    unhighlight: function(element, errorClass, validClass) { 
    $(element).closest('.form-group').removeClass("has-error"); 
    }, 
    errorPlacement: function(error, element) { 
    if (element.prop('type') === 'radio' || element.prop('type') === 'checkbox') { 
     error.insertBefore(element.parent()); 
    } else { 
     error.insertBefore(element); 
    } 
    } 
}); 
    if (form.valid() === true) { // If statement here? 



    } 
}); 

進展中的工作在這裏不同的腳本tags.Try驗證明智的數據。