Question

即使我正在调用return false，

表单仍然是提交我的代码

$(document).ready(function() {
    $('.submit').click(function() {
        $('.hour').each(function() {
            var $hours = $(this).val();
            if ($hours == "") {
                alert(" Active Time is required");
                return true;
            }
        });
    });
});

提交按钮

 <input type="submit" class="submit" name="Submit" id="Submit" value="Submit" 
onclick="return validateForm();"/>

Answer 1

您需要在.each回调函数之外返回。

Answer 2

$('.submit').click(function() {
var r = false;
 $('.hour').each(function() {
            var $hours = $(this).val();
            if ($hours == "") {
                alert(" Active Time is required");
                r = true;
            }
        });
return r;
});

Answer 3

您没有从绑定到提交按钮的click事件处理程序返回任何内容。您可以使用.filter()方法将.hour元素集合减少到没有值的元素，从而显着缩短代码，并且可以返回检查结果元素长度的结果从事件处理程序允许/阻止表单提交：

$(".submit").click(function () {
    // This return statement returns from the click event handler
    return $(".hour").filter(function () {
        // This one returns from the filter callback (once for each element)
        return this.value === "";
    }).length === 0;
});

这是working example。

Answer 4

<script>

    $(document).ready(function(){
        $('.submit').click(function(e){ 
    var flag = false;
            $('.hour').each(function() {
                var $hours =  $(this).val();
                if (!flag && $hours == "")
                {
                    flag = true;
                    alert(" Active Time is required"); 
                    e.preventDefault();
                } 
            });   
        });
    });

</script>

提交按钮

<input type="submit" class="submit" name="Submit" id="Submit" value="Submit" />

即使我使用return false，表单也是提交的

4 个答案: