jQuery validate - сообщение об ошибке keep repeat

Question

Я пытаюсь создать собственное сообщение об ошибке, используя errorPlacement, но когда появляется ошибка, повторяйте его, когда я нажимаю кнопку или кнопку 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'); 
} 

Если вы пытаетесь для того чтобы достигнуть список ошибок самостоятельно, вместо того, чтобы они размещены рядом с полями используйте errorLabelContainer.