表格甚至在使用preventDefault并返回false后仍然提交

Question

我有一个非常简单的评论表单，它通过$.ajax提交。不过，我在提交时会出现一些问题。

即使我在提交script内使用e.preventDefault()和return false，也会发生这种情况。

我已经看过每一个职位，我可以找到关于StackOverflow的，甚至各种小提琴，但所遇到的任何解决方案。

这是我的JavaScript：

$(".f-track-actions__form").submit(function(ev){ 
    ev.preventDefault(); 

    var wave = $.cookie("cv"), 
     wave = eval(wave), 
     waveDuration = wave.getDuration(); 

    var child = $(this).children(".f-track-actions__form-comment"); 
    var cTime = (wave.getCurrentTime()/waveDuration) * 100; 
    var pD = { 
     'c': comment.val(), 
     'i': child.attr('id'), 
     't': cTime 
    }; 

    $.ajax({ 
     type: "post", 
     url: "/spectrum-rr/core/_func/functions/actionTrack.php", 
     data: pD, 
     success: function(data) { 
      alert(data); 
     } 
    }); 

    return false; 
}); 

HTML：

<form method="post" class="f-track-actions__form"> 
    <input class="f-track-actions__form-comment" type="text" placeholder="Comment on this track..." name="comment" id="c-1"> 
</form> 

感谢。

Answer 1

我已经使用这个功能之前，它正在与e.preventDefaults

$('#contactForm1').on('submit',function(e){ 
    e.preventDefaults(); 
}); 

Answer 2

更改HTML此，

<form action="" method="post" class="f-track-actions__form"> 
    <input class="f-track-actions__form-comment" type="text" placeholder="Comment on this track..." name="comment" id="c-1"> 
</form> 

处理器不工作的提交，因为你错过了添加action属性到表格

Answer 3

确保您在文档就绪事件中绑定了您的按钮...

$(document).ready() { 
    $(".f-track-actions__form").submit(function(ev){ 
     ... 
     return false; 
    } 
}