0

我正在使用 Laravel 7.0 和 Materializes Css 开发一个库存系统，并且我需要以特定的形式指示所需的字段。我完成了这项任务，没有任何文本输入问题，但没有选择。语法对我来说似乎是正确的，但出了点问题，我不知道是什么。

<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>
4

3 回答 3

1

从您的选项标签中删除value attr

<option disabled selected>Choose the measure</option>
于 2020-04-23T20:38:37.350 回答
0

你能通过改变这个再试一次吗

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

如果添加 type="submit"，程序会检测这些必填字段

于 2020-04-23T20:51:58.820 回答
0

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

<script type="text/javascript">
 $('select').formSelect();
 $("select[required]").css({display: "inline", height: 0, padding: 0, width: 0});
 });
</script>
于 2020-04-24T17:37:35.257 回答