Question

im试图使ajax提交功能正常工作。我找不到这里的问题。提交按钮位于表单内的表格内

我尝试使用警报来查看其是否正常运行，但仍然无法运行。

方法-

$("#submit").submit(function(){//comparing the total quoted hours with duration of time selected 

         alert("DEMO TEST");
         // code for the comparing values goes here but that's another 
         //story


});

提交按钮-

<input type="submit" name="submit" value="submit" id="submit" onclick="index.php">

很明显，警报应使用DEMO TEST弹出警报。我不知道我哪里出错了

Answer 1

您必须将.submit指向表单，而不是按钮。有关提交如何在jQuery https://api.jquery.com/submit/上工作的更多信息

Answer 2

这仅仅是因为您正在调用Submit事件。当您调用提交事件时，您的表格将提交。您需要采用如下形式的 id 和 class 。

<form action="" id="formsubmit">
  <input type="submit" value="Submit"> //Remove name="submit" onclick="index.php"
</form> 

$("#formsubmit").submit(function(){
         alert("DEMO TEST");
});

Answer 3

关于点击事件的jQuery首先被触发为onclick =“ index.php”，因此将其删除并提交表单即可使用。或者，如果您希望触发该事件，则应返回true。或者您可以使用jQuery使用.submit（）提交表单，提交表单后，可以使用location.href

带有警报的AJAX提交功能不起作用

3 个答案: