Jquery.validate выводит сообщения ни в том месте

[Женя32]

Здравствуйте! Есть поля для ввода Логина, пароля, e-mail и т.д. подключен jquery.validate.js, который проверяет поле на пустоту, и на длину введенного логина, пароля и т.д.
Если вводишь слишком длинный, или слишком короткий логин, то выводится сообщения об с право от поле.
Вопрос такой:
Почему при повторном выводи сообщения об ошибки выводится, сообщения выводится с другой стороны input?
Я ввел один логин, логин оказался занят... Когда я начинаю вводить другой логин, то сообщения об ошибки выводится с другой стороны.

<script type="text/javascript">
       $('document').ready(function () {

            $('#form_reg').validate({

                //Правила для проверки

                rules: {
                    "reg_login": {
                       required: true,
                       minlength: 5,
                       maxlength: 15},
		    	"reg_pass": { 
				    required:true,
					minlength:6, 
					maxlength:15					
		        },
			    "reg_surname": { 
				    required:true,
					minlength:3, 
					maxlength:15					
			    },
			    "reg_name": { 
				    required:true,
					minlength:3, 
					maxlength:15					
			    },
			    "reg_patronymic":{ 
				    required:true,
					minlength:3, 
					maxlength:25					
			    },
			    "reg_email":{ 
				    required:true,
					email:true					
			    },
			    "reg_phone":{ 
				    required:true					
			    },
			    "reg_address":{ 
				    required:true					
			    },
				"reg_captcha":{ 
				    required:true,
					remote: {
				    type: "post",
					url: "/reg/check_captcha.php"
					        }
			    },				

				},
                //Текста предупреждений

                messages: {

                    "reg_login": {
                        required: "Укажите Логин!",
                        minlength: "От 5 до 15 символов!",
                        maxlength: "От 6 до 15 символов!",
                        remote: "Логин занят!"
                      },
				"reg_pass": { 
				    required:"Укажите Пароль!",
					minlength:"От 6 до 15 символов!", 
                    maxlength: "От 6 до 15 символов!"
		    	},
				"reg_surname": { 
				    required:"Укажите Вашу Фамилию!",
					minlength:"От 3 до 20 символов!", 
                    maxlength: "От 3 до 20 символов!"
		    	},
				"reg_name": { 
				    required:"Укажите Ваше Имя!",
					minlength:"От 3 до 15 символов!", 
                    maxlength: "От 3 до 15 символов!"
			    },
				"reg_patronymic":{ 
				    required:"Укажите Ваше Отчество!",
					minlength:"От 3 до 25 символов!", 
                    maxlength: "От 3 до 25 символов!"
			    },
				"reg_email":{ 
				    required:"Укажите свой E-mail!",
					minlength:"Не корректный E-mail!"
			    },
				"reg_phone":{ 
				    required:"Укажите номер телефона!"
			    },
				"reg_address":{ 
				    required:"Необходимо указать адрес доставки!"
			    },
                "reg_captcha":{ 
				    required:"Введите код с картинки!"
                },
             },


			//Обработчик и отправка данных

                submitHandler: function (form) {

                    $(form).ajaxSubmit({

                        success: function (data) {

                            if (date == 'true') {

                                $("#block-form-registration").fadeOut(300, function () {

                                    $("#reg_message").addClass("reg_message_good").fadeIn(400).html("Вы успешьно зарегистровались!");

                                    $("#form_submit").hide();

                                });

                            }

                        }

                    })

                }

            });

        });

 </script>

https://youtu.be/mDJf-Talt0U

[Женя32]

Я посмотрел в коде... Почему, после очистки input, в label появляется вот такой стиль style="display: block;?

<label id="reg_name-error" class="error" for="reg_name" style="display: block;">Укажите Ваше Имя!</label>

[Alex11223]

Ну видимо эта библиотека его добавляет. Если это label для вывода ошибок, то может быть он скрыт (display: none) когда не нужен

[Serge_Bliznykov]

Женя, в этом плагине есть ещё обработчик errorPlacement
погугли описание, инструкции и примеры использования, возможно это то, что ты ищешь.

[Женя32]

Сообщение от Alex11223

Ну видимо эта библиотека его добавляет. Если это label для вывода ошибок, то может быть он скрыт (display: none) когда не нужен

Все, спасибо! Вопрос решен)