Как сделать валидацию чекбокса?

Question

[Vitaly Max]

Есть форма обратной связи

<h2 class="order-title">Закажите бесплатную консультацию</h2>
<form action="mail/smart.php" method="POST" id="order-form" class="order-form" onsubmit="return myfun() ">
	<input type="text" name="username" class="order-form__item" placeholder="Ваше имя">
	<input type="tel" name="phone" class="order-form__item phone" placeholder="Ваш телефон" required>
	<input type="email" name="email" class="order-form__item" placeholder="Ваш email">
        <button type="submit" id="submit" class="order-form__item order-button order-form__success" disabled>
           Заказать
        </button>
	<div class="success"></div>
</form>

Под ней чекбокс

<div class="agree">
	<label for="polit" class="agree-text">
        <input id="field_terms" type="checkbox" name="polit" id="polit" class="agree-check" required>
<i></i>&#8195;Я согласен с <span class="agree-under">«Политикой конфиденциальности»</span> сайта
        </label>
	<div id="agree-message" class="agree-message"><span class="agree-message__text">Согласитесь с политикой конфиденциальности</span></div>
</div>

Вот так все выглядит


Есть блок с сообщением о том, что нужно поставить галочку, id="agree-message" он изначально display: none

Нужно при нажатии на кнопку ЗАКАЗАТЬ, при условии что чекбокс не отмечен, задать блоку id="agree-message" свойство display: block

Answer 1

[DanKud]

$('#submit').on('click', e => {
    if (!$('#field_terms').prop('checked')) {
        e.preventDefault();
        $('#agree-message').show();
    }
});