layui下拉框select验证不能为空-编程狗

layui

Layui对于我这种后端开发者来说是一个非常好用的前端框架，有了他能让我们的开发效率大大提升，今天在使用layui的下拉框的时候也是踩了一个坑，给下拉框设置了lay-verify=”required”，如果没有选择下拉框居然也是不提示下拉框不能为空，我刚开始写的

代码如下：

<div class="layui-form-item"> 
            <label class="layui-form-label required">软件名称</label>
            <div class="layui-input-block">
                <select name="app_id" lay-verify="required" lay-reqtext="软件名称不能为空">
                <option value=""></option>
                    {foreach $list as $value}
                    <option value="{$value.id}">{$value.app_name}</option>
                    {/foreach}
                </select>
            </div>
        </div>

后来通过万能的百度也是找到了一个跟我遇到相同问题的程序大哥，看了他的解决办法，然后我试了一下果然就是可以啦，主要就是我们需要在select里面加一个value=””的一个option

代码如下：

<div class="layui-form-item"> 
            <label class="layui-form-label required">软件名称</label>
            <div class="layui-input-block">
                <select name="app_id" lay-verify="required" lay-reqtext="软件名称不能为空">
                    {foreach $list as $value}
                    <option value="{$value.id}">{$value.app_name}</option>
                    {/foreach}
                </select>
            </div>
        </div>

如果没有特殊说明，文章版权归编程狗所有，转载请注明出处。

THE END