如果满足标准，则阻止提交表格

Question

脚本在点击时显示空字段的数量，但是当空字段时也会提交。

如果空字段＆gt;我需要提交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()
        }
    });
});