jquery - 如果满足条件，则阻止提交表单

Question

该脚本在单击时显示空字段的数量，但在有空字段时它也会提交。

如果空字段> 0，我不需要提交

形式：

<form action="apostar.php" method="post" id="submitBet">
...
...
...
</form>

jQuery 脚本：

$(document).ready(function(){
    $('#bt_bet').click(function(){
        var emptyFields = $('input[type=text]:empty').length;
        if (emptyFields == 0) {         
            var confirma = confirm('Confirma as apostas?');
            if (confirma) {
                $("#submitBet").submit();
            } else {
                //case cancel, do something..
            }
        } else {
            alert ('There are ' + emptyFields + ' empty fields.');
        }
    });
});

Answer 1

您应该查看 e.preventDefault() ( http://api.jquery.com/event.preventDefault/ )

它的作用是它基本上覆盖了元素的默认操作，在这种情况下，我猜是提交按钮。

Answer 2

通过调用.preventDefault()来阻止点击事件的默认动作

$(document).ready(function(){
    $('#bt_bet').click(function(e){
        var emptyFields = $('input[type=text]:empty').length;
        if (emptyFields == 0) {         
            var confirma = confirm('Confirma as apostas?');
            if (confirma) {
                $("#submitBet").submit();
            } else {
                //case cancel, do something..
            }
        } else {
            alert ('There are ' + camposVazios + ' empty fields.');
            e.preventDefault()
        }
    });
});