Javascript 仅当通过“提交”按钮在表单中提交数据时才启用对话框

我正在尝试使用“下一步”按钮保存数据。当我单击“下一步”按钮输入表单后，将打开一个弹出对话框，询问“是否要提交您的数据？”

所以我就这么做了

在提交按钮中，我有以下代码：

 <?php echo $this->Form->submit('Next', array('class' => 'btn btn-primary','id'=>'movesubmitbtn'));?>

它的Cakephhp提交按钮

下面是我的javascript代码：

         <script type="text/javascript" charset="utf-8">
         $(document).ready(function() {
         // Interrupt the submit function
    $('#movesubmitbtn').click(function(){
        if(confirm('This is your final submission of the data. Do you want to continue?')) { 
            return true;
        }
        else { 
            return false;
        }
    });
           movesubmitbtn
          });

        </script>

$（文档）.ready（函数（）{
//中断提交功能
$（'#movesubmitbtn'）。单击（函数（）{
如果（确认（'这是您最后提交的数据。是否继续？'）{
返回true；
}
否则{
返回false；
}
});
移动提交TBTN
});

请帮助我，如何添加disable属性，以便我仅在数据存在时才能获取弹出窗口。

尝试以下操作：

    <button id="submitBtn" type="submit" disabled="disabled">Submit</button>
    <textarea id="textBox" rows="10" onblur="if(this.value == ''){document.getElementById('submitBtn').disabled = true;} else {document.getElementById('submitBtn').disabled = false;}"></textarea>

提交

或更简单：

<button id="submitBtn" type="submit" disabled="disabled">Submit</button>
    <textarea id="textBox" rows="10" onblur="document.getElementById('submitBtn').disabled = (this.value == '');"></textarea>

提交

使用jQuery

$('form').on('change', function(){
    // this will be triggered with every 'change' inside the form
    // e.g. Every time the user modifies a input
    // check if all (required) inputs contain a value
    if('' == $('#inputA').val() || '' == $('#inputB').val()){
        $('#movesubmitbtn').disabled = true;
    } else {
        $('#movesubmitbtn').disabled = false;
    }
});

也可以考虑把你正在使用的代码放在表单的“提交”事件上，而不是在按钮的“点击”上。如果用户在文本字段内按“回车”键，这将阻止提交表单。

confirm（）

实际上会自动返回true或false？