javascript - jquery 提交不会阻止提交表单

Question

我有以下html表单

<form action="/newPost" id="submit_new" method="get"><div class="iwill">
    <div class="iwill-holder">
        <div class="txt"></div><div class="f"><input class="text" id="quickpost" name="quickpost" type="text" value=""></div>
        <div class="img regularProgress" alt="Processing..."><input alt="Continue" class="iwill-btn movable" id="continue_submit" src="<?=$config['http']?>images/btn-2-continue-gray.png" type="image"></div>
    </div>
</div>
</form>

这里是 jquery 函数:

$('#submit_new').submit(function() {

var error = 0;

    var quickpost = $("#quickpost").val();
    if( quickpost == '' ) {
    $("#quickpost").effect("shake", { times:3 }, 50);
    $('#quickpost').css("color","red");
    $('#quickpost').css("border","red 1px solid");
    error = 1;

    }else{
      $('#quickpost').css("border","gray 1px solid");
      $('#quickpost').css("color","black");
      error = 0;
    }


    if(errorCounter > 0){
      return false;
    }else{

        $.ajax({
                  url: 'sendPost.php?quickpost='+quickpost,
                  success: function(data) {
                    $('#result').prepend(data).slideDown('slow', function() {});

                  }
                });
    }
    return false;
});

从技术上讲，我正在尝试使用 ajax 发布表单值，但无论我做什么，表单仍然会提交到操作页面。我什至试图让所有路径都指向 false 但它不起作用

Answer 1

尝试阻止默认行为

$('#submit_new').click(function(e) {
e.preventDefault();
...

你也有错字

if(errorCounter > 0){
    return false;
}else{

应该是:

if(error > 0){
    return false;
}else{