javascript - 如何隐藏 qualtrics 上的下一个按钮，直到文本字段填满文本？

Question

我有一项调查，页面上有两个问题(一个是多项选择问题)，另一个是文本输入问题。

我想隐藏下一个按钮，直到填写文本输入问题，但我只能无限期地隐藏下一个按钮，并且在填写文本字段后它似乎不会重新出现。

Qualtrics.SurveyEngine.addOnload(function()
{   
    this.hideNextButton();
    (function() {
        $('form > input').keyup(function() {
            var empty = false;
            $('form > input').each(function() {
                if ($(this).val() == '') {
                    empty = true;
                }
            });

            if (empty) {hideNextButton ()} else {showNextButton ()}
        });
    });
});

Answer 1

您有一些语法错误。看起来您正在尝试使用 jQuery 而不是 Prototypejs。除此之外，您需要将输入元素搜索限制为问题，并且只有一个输入字段，因此您只需要一个功能。试试这个(编辑以推迟初始下一个按钮隐藏):

Qualtrics.SurveyEngine.addOnload(function() {   
    function hideEl(element) {
        element.hide();
    }   
    var nb = $('NextButton');
    hideEl.defer(nb);
    $(this.questionId).down('.InputText').on('keyup', function(event) {
        if(this.value.length == 0) nb.hide();
        else nb.show();
    });
});