Как сделать проверку на пустые поля?

Вот обработчик формы:
$(document).ready(function () {
    $("form").submit(function () {
        // Получение ID формы
        var formID = $(this).attr('id');
        // Добавление решётки к имени ID
        var formNm = $('#' + formID);
        $.ajax({
            type: "POST",
            url: 'mail.php',
            data: formNm.serialize(),
            success: function (data) {
                $('#msg').text('Спасибо! Ваше сообщение отправлено');
            },
            error: function (jqXHR, text, error) {
                // Вывод текста ошибки отправки
                $(formNm).html(error);         
            }
        });
        return false;
    });
});


Форма:
<forms class="form" id="formMain2" method="post" name="formMain2">
		<div class="row">
			<div class="col-xl-6">
				<input autocomplete="off" id="name" name="name" placeholder="Ваше Имя" required="" type="name">
			</div>
			<div class="col-xl-6">
				<input autocomplete="off" class="email" name="email" placeholder="Ваш email" required=""type="name">
			</div>
		</div>
		<textarea cols="30" id="" name="msg" placeholder="Сообщение:" required="required" rows="10"></textarea>
		<div class="not_val" id="valid"></div><input class="btn_red " name="submit" type="submit" value="Отправить">
	</form>


Как реализовать проверка на пустые поля и если они есть выводить сообщение в блок "valid", а если все заполнено, то отправлять форму и в "valid" писать об успешной отправки
  • Вопрос задан
  • 499 просмотров
Пригласить эксперта
Ответы на вопрос 1
KusokBanana
@KusokBanana
Fullstack-разработчик
Типа того
var valid = true; 
$('input[required], textarea[required], select[required]').each(function(i, item) { 
   if (!$(item).val()) { 
      valid = false; 
      return false; 
   }
});
if (valid) {
   // всё окей
} else {
   // пишем об ошибке
}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы