Question

我正在使用Laravel 7.0和Materialises Css在股票系统上工作，并且我需要以特定的形式表示所需的字段。我完成此任务时，文本输入没有任何问题，但select没有。语法对我来说似乎是正确的，但是出了点问题，我也不知道。

<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属性

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

Answer 2

您可以通过更改此设置再次尝试

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

如果添加type =“ submit”，程序将检测到这些必填字段

Answer 3

感谢所有尝试解决我的问题的人，您的代码是正确的，但使用“检查元素”进行了更好的调查，我发现实际上是因为该实现使用输入文本和列表（ul，li）来自定义该错误，选择。解决方案在下面的代码中。

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

选择标签上的必需参数不起作用

3 个答案: