jQuery SmartWizard与jQuery不显眼的验证

时间:2014-08-16 14:50:01

标签: jquery unobtrusive-validation smart-wizard

我有一个很长的表单,使用jQuery Smart Wizard分成3个部分。 我作为起点的演示是here。 我想使用jQuery不引人注目的验证,但不幸的是,咏叹调需要'每个输入元素都缺少属性,因此' $(' #inputField')。valid()验证始终为true。 有没有人有这方面的经验呢?

修改 验证不需要aria-required属性,但存在其他属性(data-val-required,data-val,aria-invalid)。

1 个答案:

答案 0 :(得分:0)

现在已经很晚了,但我找到了输入验证Smart Wizard: Demo Input Validation的最新示例。它使用jQuery验证器插件进行valdation每一步,在那里你可以添加自己的自定义验证。

$("#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;
});