如果字段有效，则转到下一步 EnjoyHint()

Question

如果字段不为空，我想进入游览的下一步。
完整代码：

var EnjoyHintWizard = /**@class*/ (function () {
    function EnjoyHintWizard() {
        var _this = this;
        this.enjoyhint_instance = new EnjoyHint({});

        this.enjoyhint_script_steps = [                
            {
                'key .field-survey-name' : __('input_survey_name'),
                keyCode : 13,
                showSkip: false
            },
            {
                'next .form-builder-start-page' : __('select_element'),
                nextButton: {
                    text: __('next')
                },
                showSkip: false
            },
            {
                'click .tab-questions' : __('select_element'),
                showSkip: false
            },               
            {
                'click .fa-map-marker' : __('go_to_point'),
                showSkip: false
            },
            {
                'click .btn-add_point' : __('click_on_btn_add_point'),
                showSkip: false
            },
            {
                'key .input-point-name' : __('fill_this_fields'),
                keyCode: 13,
                showSkip: false
            },
            {
                'custom .fields-add-point' : __('fill_this_fields'),
                event: function () {

                },
                onBeforeStart: function () {
                    console.log('this');
                   //_this.enjoyhint_instance.trigger('click_enter');
                    // var inputField = $('.input-point-name').find('input[type="text"]');
                    // console.log(inputField);
                    // $(document).ready(function() {
                    //     inputField.keyup(function (event) {
                    //         if (event.keyCode === 13) {
                    //             console.log('entered');
                    //             if (inputField.val() || inputField.val() !== '') {
                    //                 _this.enjoyhint_instance.trigger('click_enter');
                    //             }
                    //         }
                    //     });
                    // });
                },
                showSkip: false
            },
            {
                'custom .btn-save-point' : __('click_save_point'),
                event: 'custom_event_name',
                onBeforeStart: function () {
                        _this.enjoyhint_instance.trigger('custom_event_name');
                        console.log(_this.enjoyhint_instance.getCurrentStep());
                },
                showSkip: false
            },               
            {
                'click .btn-download-sticker' : __('click_btn_download'),
                skipButton: {
                    text: __('skip')
                }
            }
        ];
    }

    EnjoyHintWizard.prototype.startTour = function () {
        this.enjoyhint_instance.set(this.enjoyhint_script_steps);
        this.enjoyhint_instance.run();
    };

    EnjoyHintWizard.prototype.resumeTour = function () {
        this.enjoyhint_instance.reRunScript(13);
    };       
    return EnjoyHintWizard;
}());

当我按下按钮 Enter exec next step 尽管之前的字段为空。这是我所有的代码。我尝试为自定义事件添加触发器，但没有帮助。我查看了官方文档，但他很短 https://github.com/xbsoftware/enjoyhint

Answer 1

我用下面的方法解决了这个问题：

 {
    'custom .input-name' : __('fill_name'),
     event: 'enter_name',
     showSkip: false,
     onBeforeStart: function () {
        this.isValid('input-name', 'enter_name');
     }
 }

我会为转到下一步创建自定义事件，并在我的有效字段中使用它的方法 onBefforeStart，如果它有效，则调用事件转到下一步。

如果字段有效，则转到下一步 EnjoyHint()

Go to next step if field is valid EnjoyHint()

javascript

jquery

enjoyhint