无法使用 Jquery 触发提交按钮答案

【问题标题】：Cannot trigger submit button with Jquery无法使用 Jquery 触发提交按钮
【发布时间】：2017-01-04 17:24:58
【问题描述】：

我试图在单击表单提交按钮时触发一个函数。我尝试了单击和提交方法，但没有触发。任何建议将不胜感激。

<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');
}

【问题讨论】：

这与php无关。请修复您的问题标签...
你的浏览器开发控制台有提示吗？

标签： jquery html forms submit

【解决方案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>

【讨论】：