在提交按钮上单击两次时覆盖Jquery错误消息

Question

我在jquery表单验证中使用showErrors来在表单顶部显示错误消息。我想要显示一条错误消息。在我的表格name,email,url and comment中有四个字段可用。如果用户在没有输入任何数据的情况下直接点击提交按钮，而不是显示name字段的错误，但是当用户关注email字段时，会覆盖name和{{1}的错误消息两者。

Jquery： -

email

这是小提琴： - http://jsfiddle.net/roop1886/q64VE/

Answer 1

解决方案： - 我在focusInvalid: false,函数中添加了@Barmar建议的$("form").validate()。

$(document).ready(function(){
    $("form").validate({
   focusInvalid: false,
    messages: {
         name: "Please specify your name.",
         email: {
           required: "We need your email address to contact you.",
           email: "Your email address must be in the format of name@domain.com."
         },
         url: "A valid URL, please.",
         comment: "Please enter your comment."
       },
    showErrors: function(errorMap, errorList) {
            if(errorList.length) {
                $("span").html(errorList[0].message);
            }
        }
    });
});