click和mousedown事件在Ajax表單上不起作用

Question

簡單的Ajax彈出窗口，其中包含一個表單，該表單收集3個數據字段，並帶有一個提交按鈕。 我無法以編程方式觸發“提交”按鈕。

jQuery('#FormSubmit').click() 

不起作用。 也沒有

jQuery('#FormSubmit').mousedown()

也不

document.getElementById("FormSubmit").click();

真正的鼠標單擊該按鈕即可，但是以編程方式觸發該按鈕則無效。 它要么以非AJAX方式發布表單（重新加載頁面，並將發布數據附加到url），要么不執行任何操作。

有人知道原因嗎？ 有專門針對Ajax的東西可以防止這種情況嗎？

編輯：剛測試觸發窗體上的提交事件，而是還以非AJAX方式發布窗體。

Answer 1

您需要使用Submit，或者如果您願意，可以編寫如下代碼：

`$('#formSubmit').on('click', function (event) {
    event.preventDefault();
    var input1 = $('#someInput1').val().trim();
    var input2 = $('#someInput2').val().trim();
    $.ajax({
       url: 'someUrl',
       type: 'POST',
       success: function (result) {
         //do something with the result
       }
    })
})`

Answer 2

嘗試使用trigger ，像這樣

jQuery('#FormSubmit').trigger("click");