Предварительное сообщение об ошибке проверки jquery

Question

У меня есть форма, которую я помещаю в одноколонную / многорядную таблицу.Я хочу, чтобы сообщение об ошибке отображалось перед заголовком поля ввода.Это была моя попытка, но она не сработала (если я заполняю только первое поле ввода, все остальные становятся невидимыми при отправке):

           errorPlacement: function(error, element) {
                   error.prepend(element.parent());
           },

Как мне добиться этого вместо этого?

Answer 1

Возможно, у вас синтаксическая ошибка

// Correct syntax
$.prepend( content, [content] )


errorPlacement: function(error, element) {
     element.parent().prepend(error);
},

// Or you can use $.prependTo( target )

$(error).prependTo(element.parent();

Answer 2

Я бы создал пустой контейнер, например:

<div id="errorMsg"></div>
<table id="form">
    <!-- your form table goes here -->

Если у вас есть ошибка, вставьте ее в #errorMsg. Вы можете стилизовать его по id, чтобы оно выделялось и было четким сообщением, и вы не нарушите документ в процессе.

Позже вы можете перемещать div #errorMsg в другое место на странице с минимальными усилиями - перемещать HTML намного проще, чем изменять JS для нацеливания на новое место в DOM.