Обязательный параметр в теге select не работает

Question

Я работаю в стандартной системе с Laravel 7.0 и материализует Css и в специальной форме c мне нужно указать поля, которые требуются. Я выполнил эту задачу без проблем с вводом текста, но не с помощью выбора. Синтаксис мне кажется правильным, но что-то идет не так, и я не знаю что.

<form action="{{route('produto.cadastrar')}}" method="post">
    {{csrf_field()}}
    <br>                                                                  
    <div class="row">
        <div class="col s1"></div>
        <div class="input-field col s4">
            <i class="material-icons prefix">plus_one</i>
            <input required type="number" placeholder="5" name="quantity">
            <label>Quantity <span class="important">*</span></label>
        </div>
        <div class="col s2"></div>
        <div class="input-field col s4">
            <i class="material-icons prefix">fitness_center</i>
            <select name="measure" required>
            <option value="" disabled selected>Choose the measure</option>
                @forelse($measure as $measure)
                <option value="{{$measure->measure}}">{{$measure->measure}}</option>
                @empty
                <option value="without measure">without measure</option>
                @endforelse
            </select>
            <label>measure<span class="important">*</span></label>
        </div>
        <div class="col s1"></div>
    </div>                                                                
    <div class="row valign center">
        <button class="btn waves-effect waves-light blue darken-4"><b>Submit
                <i class="material-icons right">send</i>
        </button>
        <br>
        <br>
        <label ><span class="important">*</span> Required Field</label>
    </div>

    <br>
</form>

Answer 1

удалить value attr из вашего тега опции

<option disabled selected>Choose the measure</option>

Answer 2

Спасибо всем, кто пытался решить мой вопрос, ваш код верен, но лучше исследуете с помощью «проверяющего элемента». Я обнаружил, что на самом деле ошибка в том, что материализация использует входной текст и список (ul, li) для настройки Выбрать. Решение для этого в коде ниже.

<script type="text/javascript">
 $('select').formSelect();
 $("select[required]").css({display: "inline", height: 0, padding: 0, width: 0});
 });
</script>

Answer 3

Не могли бы вы повторить попытку, изменив это

<button type="submit" class="btn waves-effect waves-light blue darken-4" value="Submit">Submit</button>

Если вы добавите type = "submit", программа обнаружит эти обязательные поля