提交表单上的jquery preventdefault不会重新提交

Question

我的代码有问题。 我有一个html表单，单击该按钮时会提交按钮，但是首先要进行一些检查，如果所有值都正确，则将提交该表单-但是在我的代码上，它不起作用。 有人对此有想法吗？

 $("#button").click(function(e) { e.preventDefault(); if ($(this).attr("at") == "1") { //some checking alert("Subsssmitted"); $("form").submit(function() { alert("Submitted"); // it didn't passed the form didn't submitted }); } }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form action=""> <!-- some code --> <button id="button" at="1">Submit</button> </form> 

Answer 1

加

$('#form').submit() 

后

$("form").submit(function(){
   alert("Submitted"); // it didn't passed the form didn't submitted
});

由于您只是定义事件处理程序，而不触发触发器事件。

如果可能的话

$("form").submit(function(){
   alert("Submitted"); // it didn't passed the form didn't submitted
});

点击事件处理程序之外

Answer 2

您应该以这种方式执行此操作：

$("#button").click(function(e){
    e.preventDefault();
    if($(this).attr("at") == "1"){ //some checking
        alert("Subsssmitted");
        // here you trigger event
        $("form").submit();
    }
});
// here you listen event
$("form").on("submit", function() {
    alert("submitted")
})

只需在这里获取它https://jsfiddle.net/6hzt663q/

Answer 3

 $('#myForm').submit(function(event){ // do your validation success if(!success){ event.preventDefault(); } console.log('fsdfsdfds'); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form id="myForm" action="/google"> <input type="text" id="name"> <button id="button" at="1" type="submit">Submit"></button> </form> 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

Answer 4

您的代码对我e.preventDefault() ，请删除e.preventDefault()并尝试，

 $("#button").click(function(e){ if($(this).attr("at") == "1"){ $("form").submit(function(){ console.log('done'); }); } }); 

 <script src="https://code.jquery.com/jquery-3.1.0.js"></script> <form action=""> <button id="button" at="1">Submit</button> </form> 

Answer 5

刚刚删除了“ e.preventDefault（）;” 按钮单击事件，它将正常工作。