Jquery：当div可见且输入为空时，禁用按钮

Question

我有一个表单向导，我想检查它。接下来的按钮位于div之外，表单分为3个步骤：

<div id="step1"> Inputs </div>
<div id="step2"> Inputs </div>
<div id="step3"> Inputs </div>

我试着以这种方式检查：

$('#title').keyup(function() {
    if ($('#step-22').is(':visible')) {

        if ($(this).val().length <= 0) {
            $('.buttonNext').hide();
        } else {
            $('.buttonNext').show();
        }
    }
    else {
        $('.buttonNext').show();
    }
}).keyup();

这项工作涉及所有步骤，但我只需要在第1步中进行此操作......这是一个IF问题吗？

创建代码段有点困难，在此链接中您可以看到示例：https://colorlib.com/polygon/gentelella/form_wizards.html