2017-06-23 97 views
0

enter image description hereenter image description here我在窗體中有兩個按鈕。當我按下這兩個按鈕中的一個時,我想禁用這兩個按鈕。我想按下登錄按鈕時顯示對話模式。但是,這部分不能很好地工作。這是我的代碼!單擊按鈕時顯示對話框Jquery

$(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); 
    }) 
}); 

謝謝你的回答。

+0

你面臨什麼問題 – Rahul

+0

嘗試'$(本).find( 「輸入[類型=提交]」)丙( '禁用', '禁用');' –

+0

我只想顯示模式當我按下登錄按鈕並同時禁用這兩個按鈕時會出現對話 – JiaPing

回答

2

更改您的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(你希望提交點擊形式),

+0

謝謝!但它仍然無法解決我的問題。因爲我只想觸發哪個類是js-disable-btn顯示模式對話框的按鈕。 – JiaPing

+0

嘗試我編輯的答案 – vijay

+0

如果它仍然沒有工作分享您的HTML代碼 – vijay

1

我不確定,請嘗試將它們分開?

$(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'); 
    }) 
}); 
+0

刪除'e.preventDefault()'以顯示原始提交事件 –

相關問題