11 Мар Валидация радио-кнопок на заполненность
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;
}
}
});
Нет комментариев