单击按钮jQuery时显示对话框

Question

我有两个按钮的形式。 当我按下这两个按钮之一时，我想禁用这两个按钮。 并想在按下登录按钮时显示对话模式。 但是，它在这一部分不能很好地工作。 这是我的代码！

$(function(){
  $(".js-disable-form-individual").on("submit", function() {
    $('.js-disable]-btn').click(function() {                                                                                                         
      $('#loading-modal').modal('show');
    })
  $(this).find("input[type=submit]").prop('disabled', true);
  })  
});

感谢您的回答。

Answer 1

将您的js代码更改为此，

$(function(){
  $(".text-center input[type=submit]").on("click", function(event) {  
    event.preventDefault();                                                                                                      
    $(".text-center input[type=submit]").prop('disabled', 'disabled');
  });
  $('.js-disable-btn').on("click",function(){                                                                                                         
    $('#loading-modal').modal('show');
  });  
  $('#finalSubmit').on("click",function(){                                                                                                         
    $(".js-disable-form-individual").submit();
  });
});

*假设您在对话框上有一个ID为finalSubmit的按钮（要在单击时提交表单），

Answer 2

我不确定，尝试将它们分开吗？

$(function(){
  $(".js-disable-form-individual").on("submit", function() {
     e.preventDefault();     
     $(this).find("input[type=submit]").prop('disabled', true);
  }) 

  $('.js-disable-btn').on('click',function() {                                                                                                         
      $('#loading-modal').modal('show');
    })
});