Я пытаюсь установить возраст в качестве обязательного поля. Также установка пустого значения «-», так что значение должно быть выбрано. В настоящее время люди просто оставляют его как «18», потому что он уже там.

Вот пример наличия обязательного поля:

<div class="row form-group">
    <div class="col-md-12">
        <input  type="text" id="guestUsername" class="form-control fadeIn second" name="username" placeholder="Enter username" required>
    </div>
</div>

Это поле, которое мне нужно изменить и я не знаю, как это сделать:

<div class="row form-group fadeIn second">
    <div class="col-md-4">
        <select class="form-control" name="age" id="age">
             <?php for($age=18;$age<99;$age++):?>
             <option value="<?=$age?>"><?=$age?> years</option>
             <?php endfor;?>
        </select>
    </div>
2
psone 25 Фев 2021 в 05:39

2 ответа

Лучший ответ

Добавьте пустой <option> перед выводом остальных значений раскрывающегося списка. Затем, если при отправке формы он пуст, вы можете выдать ошибку.

<select class="form-control" name="age" id="age" required>
     <option></option>
     <?php for($age=18;$age<99;$age++):?>
     <option value="<?=$age?>"><?=$age?> years</option>
     <?php endfor;?>
</select>

Образец

<form>
<select class="form-control" name="age" id="age" required>
    <option>AGE</option>
    <option value="18">18 years</option>
</select>
<input type="submit">
</form>
0
John Conde 25 Фев 2021 в 02:54

Попробуйте проверить это перед отправкой формы. Если пользователь выбирает первый вариант, покажет предупреждающее сообщение, если не отправит форму.

<form method="POST" id="myForm">
<select class="form-control" name="age" id="age" required>
<option>AGE</option>
<option value="18">18 Years</option>
</select>
</form>
<button onclick="Validate()">Submit</button>
<script>
function Validate(){
var a = document.getElementById('age').selectedIndex; 
var b = document.getElementById('myForm'); 
if(a=="0"){
alert("Please Choose A Valid Option");
}else{
b.submit();
}
}
</script>
0
Mahesh YL 25 Фев 2021 в 03:28