禁用jquery提交按钮，直到填写完所有表单输入

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<input type="text" class="form-input" />

$(document).ready(function() {
  // 初始状态下禁用提交按钮
  $('button[type="submit"]').prop('disabled', true);

  // 监听表单输入的变化事件
  $('.form-input').on('input', function() {
    var allFilled = true;
    
    // 检查是否所有表单输入都已经填写
    $('.form-input').each(function() {
      if ($(this).val() === '') {
        allFilled = false;
        return false; // 终止循环
      }
    });

    // 根据填写状态启用或禁用提交按钮
    $('button[type="submit"]').prop('disabled', !allFilled);
  });
});