php - 如果字段为空，如何停止表单提交？

Question

我的网站仅基于一个 php 索引文件，该文件根据 header 变量更改网站内容。 www.mydomain.com/?page=contact 加载并显示我让用户填写的表单。

我有一些jQuery，它应该检测是否有任何缺失的字段:

$("form").submit(function() {
    var isFormValid = true;
    $(".required").each(function() {
        if ($.trim($(this).val()) == "") {
            $(this).addClass("highlight");
            isFormValid = false;
        } else {
            $(this).removeClass("highlight");
        }
        if (!isFormValid) alert("Please fill in all the required fields (indicated by *)");
        return isFormValid;
    });
});

但它不起作用......

Answer 1

将 return isFormValid 置于循环之外(否则您将一次又一次地覆盖其值):

$("form").submit(function() {
    var isFormValid = true;
    $(".required").each(function() {
        if ($.trim($(this).val()) == "") {
            $(this).addClass("highlight");
            isFormValid = false;
        } else {
            $(this).removeClass("highlight");
        }

    });

    if (!isFormValid) alert("Please fill in all the required fields (indicated by *)");
    return isFormValid; // put out of loop
});