Hej,
Utworzyłem sobie formularz, którego pola sprawdzam za pomocą wywołania metody .ajax() z jQuery. Wygląda do tak:
$.ajax({
url : $(this).attr('action'),
method : "post",
data: form_data,
dataType: "json",
success: function(result) {
$('.error').html(result);
console.log(result);
}
});
Tutaj je wyświetlam w HTMLu:
<div class="error"></div>
<div class="form-group">
<input type="text" name="first_name" id="first_name" class="form-control" placeholder="Imię">
</div>
<div class="form-group">
<input type="text" name="last_name" id="last_name" class="form-control" placeholder="Nazwisko">
</div>
Chciałbym docelowo zrobić tak, żeby pod każdym polem formularza wyświetlał się odpowiadający mu błąd. Teraz wszystkie błędy zgrupowane są w tym jednym divie, co wynika bezpośrednio z obsługi wywołania AJAX. Jak to prawidłowo i najprościej zrealizować?