jQuery验证 - 错误消息保持重复

Question

我尝试使用errorPlacement自定义错误消息，但当出现错误时，它会继续重复，当我按body或Send Message按钮。

下面是我的jQuery代码，这里是我的jsfiddle

$(document).ready(function() { 
     $("#myform").validate({ 
      rules: { 
       message: { 
        required: true, 
        minlength: 5, 
        maxlength: 753 
       } 
      }, 
      debug: true, 
      errorPlacement: function (error, element) { 
       error.appendTo('#invalid'); 
      }, 
      messages: { 
       message: { 
        required: "Enter your text message", 
        minlength: jQuery.format("Enter at least {0} characters"), 
       } 
      } 
     }); 
    }); 

Answer 1

Use errorLabelContainer instead of errorPlacement如果您希望在特定容器内而不是每个输入元素旁边出现错误。

你的jsfiddle修改：http://jsfiddle.net/mXm4N/

$(document).ready(function() { 
    $("#myform").validate({ 
     rules: { 
      message: { 
       required: true, 
       minlength: 5, 
       maxlength: 753 
      } 
     }, 
     errorLabelContainer: '#invalid', 
     messages: { 
      message: { 
       required: "Enter your text message", 
       minlength: jQuery.format("Enter at least {0} characters"), 
      } 
     } 
    }); 
}); 

HTML：

<div id="invalid"></div> 
<form> 
    ... 
</form> 

Answer 2

看一看这个页面：

http://docs.jquery.com/Plugins/Validation

并阅读一些有关递归和提交处理器 - 可能帮帮我。

Answer 3

无效的元素必须包含在您的表单中。

如果您像下面那样使用errorPlacement，则插件仅在元素的表单中查找，但无法找到它并只插入另一个。

errorPlacement: function (error, element) { 
    // element with id=invalid must be within the form being validated, 
    // otherwise use errorLabelContainer 
    error.appendTo('#invalid'); 
} 

如果你想acheive自身错误的列表，而不是让他们放在旁边的字段，然后使用errorLabelContainer。