Обязательная функция не работает в форме HTML - PullRequest
0 голосов
/ 23 мая 2019

Я уже применяю тег <Required> в HTML <Select>, но не работает.Форма все еще может перейти к следующему шагу, даже не выбрав ничего на первом шаге.Кто-нибудь знает, чтобы решить это?

    <label>Region :</label>
    <select id="Region" class="custom-select form-control" required>
    <option value="">Select Region</option>
    <option value="central" id="Central">Central</option>
    <option value="northern" id="Northern">Northern</option>
    </select>

Ответы [ 3 ]

0 голосов
/ 23 мая 2019

Вы можете полностью избавиться от тега опции выбора и поместить значение select option в сам тег выбора.

<label>Region:</label>
<select value="Select Option" id="Region" class="custom-select form- control" required>

<option value="central" id="Central">Central</option>
<option value="northern" id="Northern">Northern</option>
</select>
0 голосов
/ 24 мая 2019

Ваш код работает, это зависит от того, какой браузер вы используете или как вы его используете.Я написал пример кода для вас.Надеюсь, это поможет вам:

<!DOCTYPE html>
<html>
<body>
<form >
 <label>Region :</label>
    <select id="Region" class="custom-select form-control" required>
    <option value="">Select Region</option>
    <option value="central" id="Central">Central</option>
    <option value="northern" id="Northern">Northern</option>
    </select>
  <input type="submit">
</form>
</body>
</html>

Так что в приведенном выше коде, если вы ничего не выберете, он не позволит вам отправить.

0 голосов
/ 23 мая 2019

Вы объявили свою веб-страницу, используя HTML5?Убедитесь, что вы объявили следующее утверждение в начале страницы

<!DOCTYPE html>

Атрибут required доступен только в HTML5 и поддерживается только определенными браузерами ... Обязательный атрибут w3schools

Протестировав исходный код в HTML5, он работает.

...