Как сделать обработку ошибок на Ajax?

Question

[VladimirPortev]

Всем привет. Помогите разобраться с Ajax'ом, пожалуйста. А именно с обработчиком ошибок. Форма работает, все отправляется. А вот как сделать обработку ошибок, я не знаю. Не хотелось бы использовать validate - плагин.
Вот код

<form action="<?=POST_FORM_ACTION_URI?>" method="POST" id="callback" name="callback">

	<div>
		<div>Ваше имя<span>*</span></div>
		<input type="text" name="author" value="" >
		<div class="form__error">Нужно заполнить!</div>
	</div>
	
	<div>
		<div>Номер телефона<span>*</span></div>
		<input type="text" name="phone" value="" >
		<div class="form__error">Нужно заполнить!</div>
	</div>					
	
	<div class="form__buttons">
		<input type="submit" class="form__submit" name="submit">
	</div>	
</form>

<script>
	$(document).ready(function() {
	  $('form').on('submit', function(){
		   var formID = $(this).attr('id');
		   var formNm = $('#' + formID);
		   if (formID == 'callback') {
			 $.ajax({
				url: '/include/send_callback.php',
				type: 'post',
				data: formNm.serialize(),
				success: function(data){
					$(formNm).html(data);
				}
			 });
			   return false;
		  };
	  });
   });
</script>

Мне надо сделать так, если не заполнено поле Имя (Телефон) в блоке <div class="form__error">Нужно заполнить!</div>
Стало <div class="form__error is active">

Answer 1

[ink]

а обычный required не вариант ?
https://codepen.io/topicstarter/pen/ddBKym

Comments

[VladimirPortev]

нет, по верстке надо.

[ink]

VladimirPortev, это и есть html

Answer 2

[berzhikeev]

При submit. у формы можно запустить стандартную проверку(валидную, от браузера), подсветка ошибок тоже будет нативна(стандартные текста "Заполните поле"). Проверить можна так

<input id="id1" type="number" min="100" max="300" required>
<button onclick="myFunction()">OK</button>

<p id="demo"></p>

<script>
function myFunction() {
    var inpObj = document.getElementById("id1");
    if (!inpObj.checkValidity()) {
        document.getElementById("demo").innerHTML = inpObj.validationMessage;
    }
}
</script>

Comments

[VladimirPortev]

Мне стандартную не надо. Мне надо так, как в вопросе.