11 Мар Валидация радио-кнопок на заполненность

Размещено в 21:34h in Opencart, Вёрстка html, css, Фронтенд by

Validation radio-buttons

Например есть рабочая форма обратной связи, требуется добавить проверку (валидность) на заполненность radio-кнопки.

 

index.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Sandbox</title>
</head>
<body>
  <form name="directionForm" action="direction.php" method="post">
    <p class="desc">Выберите направление</p>
    <p>
      <input type="radio" name="drink" value="rad1"> Север<br>
      <input type="radio" name="drink" value="rad2"> Северо-Восток<br>
    </p>
    <p>
      <input type="submit" value="далее">
    </p>
  </form>
  <script src="app.js" charset="utf-8"></script>
</body>
</html>

 

app.js

document.addEventListener('DOMContentLoaded', function () {
  directionForm.onsubmit = function () {
    if (this.drink.value == '') {
      alert('Choose direction!');
      return false;
    }
  }
});
Поделись, если оказалось полезно :)
Tags:
, ,
Нет комментариев

Написать