Поле вывода jQuery необходимо (из проверки) в указанный div

Question

Здравствуйте, я застрял с проверкой jQuery, мне в основном она нужна, чтобы при проверке формы при нажатии кнопки отправки выводилось сообщение «поле обязательно для заполнения», помещенное в определенный div.

Это то, что я пытался, но я знаю, что я далеко:

$(document).ready(function () {

    $("#bookingform").validate();
    $(".small").append(".error");

});

.small - это тег div, для которого нужно показать сообщение "required field".

Answer 1

Похоже, что вы ищете errorPlacement это позволяет вам разместить сообщение об ошибке, где вы хотите.

$(document).ready(function () {
    $("#bookingform").validate({
        errorPlacement: function(error, element) {
            error.appendTo( element.prev().find('.small') );
        }
    });
});

error содержит сообщение об ошибке, element это поле формы сошибка

В основном приведенный выше код говорит найти элемент с ошибкой, найти элемент prev перед ним, который является элементом <label>, затем использовать find(), чтобы найти внутри него div класса small.и добавьте к нему ошибку.

Answer 2

Если все, что вы проверяете, - заполнено ли поле, то:

Оберните каждую строку (метка и входной комбинированный список) в диапазон с классом requiredField.Затем использует следующий JS

function()
{
  var error = false;
  $('.requiredField').each(function()
  {
    if($.trim($(this).find('input').val()) === '')
    {
      $(this).find('.class').text('required field');
      error = true;
    }
  });
}
if(!error)
{
  $('#bookingform').submit();
}

. Если вы выполняете конкретную проверку полей, измените класс в оболочке строк на что-то вроде requiredDate / requiredPhone и поместите другой $('.requiredDate').each с определенной проверкой для этих полей.*