Question

尝试将jQuery-Steps（http://www.jquery-steps.com）和语义UI（http://semantic-ui.com）结合起来，代码如下。 SemanticUI验证失去内联弹出窗口，需要帮助。

此外，在进入下一步时，如何首先验证语义UI字段？

<script>
(function ($) {
    $('#regform').form({
    email_address: {
    identifier: 'email_address',
    rules: [{
        type: 'empty',
        prompt: 'First Name is required'
    }]}
    },{
    on: 'blur',
    inline: 'true'
}).steps({
    headerTag: '#regform_sectionHeader',
    bodyTag: '#regform_section'
});
})(jQuery);
</script>

Answer 1

虽然这有点晚了，但我也碰到了同样的问题，并解决了它。希望这可以帮助任何有同样问题的人。

我猜测这个问题是由于在JQuery Steps之前首先初始化Semantic UI表单验证。

问题可能在于JQuery步骤将语义UI表单HTML从最初保存它的内容标记中移出，并转移到新容器中，而不会在调用向导初始化时正确复制事件。

所以你基本上需要做的是在JQuery Steps之后初始化语义UI设置和验证。这可以使用JQuery Steps onInit（）事件完成。

onInit: function (event, currentIndex) { 

    //Initialize Semantic UI dropdown
    $('.ui.dropdown').dropdown();

    //Initialize Semantic UI Form validations
    $(".ui.form").form(formValidationRules);
},

完整工作守则＆amp;演示：http://plnkr.co/edit/5rVWPXZ7hAkqnZO9ubJP?p=preview

结合jQuery-Steps和语义UI

1 个答案: