jquery - 表单是 submitimg 即使我正在使用 return false

Question

表单是 submitimg 即使我调用 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

您不会从绑定到提交按钮的单击事件处理程序返回任何内容。.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;
});​

这是一个工作示例。

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" />