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

Question

[Александр Наумов]

Вот обработчик формы:

$(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" писать об успешной отправки

Comments

[Web Dentist]

Оформите нормально код.

Answer 1

[Святослав]

Типа того

var valid = true; 
$('input[required], textarea[required], select[required]').each(function(i, item) { 
   if (!$(item).val()) { 
      valid = false; 
      return false; 
   }
});
if (valid) {
   // всё окей
} else {
   // пишем об ошибке
}