无法触发与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>