Стилизировал <select>
в css. Возникла проблема, которая состоит в том, что по умолчанию стоит первый option (там написано "Выберите необходимый пункт"). Но пользователь должен обязательно выбрать какой-то другой, кроме него.
И при отправлении данных на сервер, если пользователь не выбирал других пунктов, отправляются неверные данные (нужно обязательно какой-то из других пунктов).
Как ограничить пользователя, чтобы перед нажатием кнопки отправления данных на сервер, проверялось, выбрал ли он какой-то другой пункт, или оставил тот, что по умолчанию. Пробовал через функцию js - onclick
на кнопку отправления , но данные все равно отправляются.
function ValidateSelect(selected) {
var kindSelect = selected.value;
var valid = false;
if (kindSelect == "Выберите алгоритм") {
selected.value = "";
return false;
} else {
return true;
break;
}
}
<select class="turnintodropdown" name="algoritm" id="algoritm" required>
<option>Выберите алгоритм</option>
<option value="AES">AES</option>
<option value="Rijndael">Rijndael</option>
<option value="TripleDES">TripleDES</option>
</select>
<br />
<p>
<div class="col-md-offset-2 col-md-10">
<input type="submit" value="Зашифровать" onclick="ValidateSelect(algoritm)" class="btn btn-default" />
</div>
</p>