jquery - 带有 jQ​​uery 不显眼验证的 jQuery SmartWizard

Question

我有一个很长的表格，它被 jQuery Smart Wizard 分成 3 部分。以我为起点的演示在这里。我想使用 jQuery 不显眼的验证，但不幸的是，每个输入元素都缺少 'aria-required' 属性，所以 '$('#inputField').valid() 验证总是正确的。请问有人有这方面的经验吗？

编辑： 验证不需要 aria-required 属性，但存在其他属性（data-val-required、data-val、aria-invalid）。

Answer 1

已经很晚了，但我找到了输入验证智能向导的最新示例：Demo Input Validation。它使用 jQuery 验证器插件对每一步进行验证，您可以在其中添加自己的自定义验证。

$("#smartwizard").on("leaveStep", function(e, anchorObject, stepNumber) {
   var elmForm = $("#form-step-" + stepNumber);
   if(elmForm){
       // Add the custom validation here
       elmForm.validator('validate'); 
       var elmErr = elmForm.children('.has-error');
       if(elmErr && elmErr.length > 0){
           // Error found
           return false;    
       }
    }
    return true;
});