Jquery验证中的警报提示问题

我正在使用jQuery验证我的表单

如果我提交时没有填写任何内容，则错误消息将合并并显示在单个警报提示中

问题是在综合警报之后，它一直在说第一个现场警报，这对用户来说肯定很烦人。你能帮我避免这个吗

jQuery(".ContactForm").validate({
        ignore: ":hidden",
        rules: {
            Location: {
                required: true
            },
            Program: {
                required: true
            },
            firstname: {
                required: true,
            },
            lastname: {
                required: true,
            },
            zip: {
                required: true,
                checkZipsValue: true,
                minlength: 5
            },
            dayphone: {
                required: true,
                phoneUS: true,
                checkPhoneValue: true
            },
            email: {
                required: true,
                email: true,
                validEmail:true
            }
        },
        messages: {
            Location: "Please select a location.",
            Program: "Please select a program.",
            firstname: "Please enter your first name.",
            lastname: "Please enter your last name.",
            dayphone: "Please enter a valid phone number.",
            zip: "Please enter a valid Zip code.",
            email: "Please enter a valid email.",
        },
        errorPlacement: function (error, element) {
            //alert(error.text());

        },
        showErrors: function(errorMap, errorList) {
        var error = ''; jQuery.each(errorList,function(i, a){error += a.message + "\n";}); if(error.length > 0){window.alert(error);}
    },
});

---

以下代码将在一个警报中显示所有消息

请注意，chekphonevalue、validemail、checkzipsvalue是您的附加方法。它与jquery验证程序插件无关，因此不要忘记将其添加到验证程序中

<form id="myform" action="#">

    <input type="text" name="Location">
    <input type="text" name="Program">
    <input type="text" name="firstname">
    <input type="text" name="lastname">
    <input type="text" name="zip">
    <input type="text" name="dayphone">
    <input type="text" name="email">

    <input type="submit" value="email">
</form>
<script type="text/javascript">
var errors;
jQuery("#myform").validate({
    onfocusout: false,
    onkeyup: false,
    onclick: false,
    ignore: ":hidden",
    rules: {
        Location: {
            required: true
        },
        Program: {
            required: true
        },
        firstname: {
            required: true,
        },
        lastname: {
            required: true,
        },
        zip: {
            required: true,
            checkZipsValue: true,
            minlength: 5
        },
        dayphone: {
            required: true,
            phoneUS: true,
            checkPhoneValue: true
        },
        email: {
            required: true,
            email: true,
        }
    },
    messages: {
        Location: "Please select a location.",
        Program: "Please select a program.",
        firstname: "Please enter your first name.",
        lastname: "Please enter your last name.",
        dayphone: "Please enter a valid phone number.",
        zip: "Please enter a valid Zip code.",
        email: "Please enter a valid email.",
    },
    showErrors: function(errorMap, errorList) {
        errors="";
        jQuery.each(errorList,function(key,item){
            errors+=item.message+"\n";
        });
        alert(errors);
    },
});
</script>

var误差；
jQuery（“#myform”）.validate({
onfocusout:false，
onkeyup:false，
onclick:false，
忽略：“：隐藏”，
规则：{
地点：{
必填项：true
},
节目：{
必填项：true
},
名字：{
要求：正确，
},
姓氏：{
要求：正确，
},
邮编：{
要求：正确，
checkZipsValue:true，
最小长度：5
},
日间电话：{
要求：正确，
真的，
checkPhoneValue:true
},
电邮：{
要求：正确，
电子邮件：是的，
}
},
信息：{
位置：“请选择一个位置。”，
程序：“请选择一个程序。”，
名字：“请输入您的名字。”，
姓氏：“请输入您的姓氏。”，
dayphone:“请输入有效的电话号码。”，
zip：“请输入有效的邮政编码。”，
电子邮件：“请输入有效的电子邮件。”，
},
错误：功能（错误映射、错误列表）{
错误=”；
每个（错误列表、函数（键、项）{
错误+=项。消息+“\n”；
});
警报（错误）；
},
});

问题是每次对每个字段调用时，您最好在这个验证函数之外声明错误变量，并合并其中的所有字符串，在所有字段验证后，只显示包含所有错误的警报。浏览器控制台中有什么错误？控制台中没有错误。@Dhaval Purohit，谢谢你的反馈。我是编程新手。你能告诉我怎么处理吗。提前感谢您向我们展示此表单的相关呈现HTML标记。