На представить функции не

Question

В конце документа у меня есть:

<script> 
    $("#submitEvent").click(function() { 
     $("#eventForm").submit(); 
    }); 


    $(document).ready(function() { 


    $('#eventForm').submit(function() { 
     console.log("I am on submit"); 

    }); }); 
</script> 

Теперь submitEvent кнопка, которая не в форме, так и причины, имеющие на .click события.

При нажатии кнопки формы Представлять срабатывает правильно:

Теперь я ожидаю другое событие, которое срабатывает, когда подавать обжигают, который фактически игнорируется какой-либо причине. Вместо console.log я не удивительно собирается использовать Ajax, но даже console.log ничего не печатать, так что событие не происходит ..

Update, так как вы не предложили еще ничего :-):

$(document).ready(function() { 

    $("#submitEvent").click(function() { 
     $("#eventForm").submit(); 
    }); 




    $('#eventForm').submit(function() { 
     console.log("I am on submit"); 

    }); 


    }); 

Answer 1

Если ваша причина говорить, что обработчик отправки формы не вызывается, это то, что вы не видите вывод в консоли, помните, что отправка формы полностью срывается и заменяет страницу. Вероятно, у вас нет времени, чтобы увидеть сообщение журнала до того, как консоль очистится.

---

В комментариях, вы сказали:

Хм, так как я могу проверить, если Аякс будет называться.

Вы можете проверить, установив точку останова на свой оператор console.log и посмотрев, попадает ли точка останова. Или, если вы хотите отлаживать стиль 1990-х годов, используйте alert.

Но обратите внимание, что выполнение ajax из обработчика представления формы, если результат формы заменит страницу, является ненадежным. (Если результат формы не будет заменить страницу, вы, вероятно, хорошо.) Это потому, что ajax является асинхронным, то есть ваш обработчик отправки может начать, но он не успел закончить, прежде чем быть отмененным путем разрыва.

Answer 2

Вам просто нужно, чтобы переместить код внутри готовой функции

<script> 
    $(document).ready(function() { 
     $("#submitEvent").click(function() { 
      // run ajjax code here 
     }); 

     $('#eventForm').submit(function(e) { 
      e.preventDefault(); // stops the page from submiting 
      console.log("I am on submit"); 
     }); 
    }); 
</script> 

Я обновил код, вам не нужно отправить форму. просто запустите ajax при нажатии.

Answer 3

Попробуйте это ...

$(document).ready(function() { 

    $("#submitEvent").click(function() { 
     $("#eventForm").submit(); 
    }); 

    $('#eventForm').submit(function(e) { 
     e.preventDefault(); 
     console.log("I am on submit"); 
    }); 
}); 

Это остановит форму, направляющую, так что вы можете видеть, на данный момент, если событие фактически запускается или нет.

Возможно, что представленная форма перезагружает страницу, прежде чем вы увидите вывод консоли.