Question

我正在使用smartWizard（可在此处找到http://techlaboratory.net/smartwizard），现在想要使用jQuery validate插件验证表单（可在此处http://bassistance.de/jquery-plugins/jquery-plugin-validation/或此处http://jqueryvalidation.org/找到）

我试过

$('#wizard').smartWizard({
    onFinish: function() {
        $("form").validate();
    }
});

但没有工作！

我使用.validate（）只是因为我传递了HTML属性中的规则！

Answer 1

好吧，伙计们我找到了答案;我们将如何使用smartWizard进行jQuery验证？只需在＆＃34; onFinish＆＃34;上提交表格即可。回调smartWizard，把.validate（）;在您想要的页面中。验证插件在表单提交时执行，smartWizard不提交表单。它实际上告诉您用户处于向导的最后一步，只需单击“完成”按钮。

$('#wizard').smartWizard({
    onFinish: function() {
       $("form").submit();
    }
});

$("form").validate({
    rules: {
        username: "required"
    }
});

有很多方法可以在jQuery验证中应用规则，上面就是其中之一！

Answer 2

最新版本（SmartWizard 4.x）具有jQuery验证器插件的实现。查看此演示Smart Wizard: Demo Input Validation

smartWizard和jQuery验证

2 个答案: