无法使用 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>

无法使用 Jquery 触发提交按钮

Cannot trigger submit button with Jquery

html

forms

jquery

submit