Не удается запустить кнопку отправки с помощью JQuery

Question

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

<form id="my_form" action="process.php" method="POST"> 
<input type="submit" id="subm" class=" submit_button" value="Submit" > 
</form> 

$("#subm").click(function() { 
alert('Doesnt work'); 
} 

$("#my_form").submit(function() { 
alert('Doesnt work'); 
} 

Answer 1

Прежде всего, необходимо добавить библиотеку Jquery работать, а затем вы должны использовать preventDefault(), как показано ниже: -

<form id="my_form" action="process.php" method="POST"> 
<input type="submit" id="subm" class=" submit_button" value="Submit" > 
</form> 
<script src = "https://code.jquery.com/jquery-3.1.1.min.js"></script> 
<script type = "text/javascript"> 
$(document).ready(function(){ // After document is completly loaded 
    $("#subm").click(function(e) { 
     e.preventDefault(); // prevent the form submit on click 
     alert('Does work'); //alert the message 
    });// you missed); here 
}); 

</script> 

Примечание: - проверьте консоль разработки браузера и вы точно получите то, что ошибки там.

$(document).ready(function(){ // After document is completly loaded 
 
     $("#subm").click(function(e) { 
 
      e.preventDefault(); // prevent the form submit on click 
 
      alert('Does work'); //alert the message 
 
     });// you missed); here 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form id="my_form" action="process.php" method="POST"> 
 
    <input type="submit" id="subm" class=" submit_button" value="Submit" > 
 
</form>