jQuery validate - error message keep repeat

Question

i try to custom error message using errorPlacement but when error show up it keep repeat when i press body or Send Message button.

Below is my jQuery code and here is my 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"),
               }
           }
       });
   });

see here http://stackoverflow.com/questions/2931209/jquery-errorplacement — PSR, Feb 27 '13 at 14:13

score 4 · Accepted Answer · answered Feb 27 '13 at 16:04

Use errorLabelContainer instead of errorPlacement if you want your errors inside a specific container instead of next to each input element.

Your jsFiddle modified: 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>

@souzan - what does that have to do with anything? Everyone has a unique situation and nobody has even seen your code. If you have an issue please post a new question rather than asking within a comment. — Sparky, Sep 10 '19 at 14:09

score 1 · Answer 2 · answered Feb 27 '13 at 15:40

The element with the id invalid must be contained within your form.

If you use errorPlacement as below the plugin only look within the form for the element, it cannot find it and will just insert another one.

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

If you are trying to acheive a list of errors on its own, rather than having them placed next to the fields then use errorLabelContainer.

score 0 · Answer 3 · answered Feb 27 '13 at 14:11

0

Have a look at this page:

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

and read the bit about recursion and the submit handler - that might help.

answered Feb 27 '13 at 14:11

Stevo

2,601
3
24
32

jQuery validate - error message keep repeat

3 Answers3