layui验证select下拉框不能为空

layui 的form表单里的select 一开始以为加上lay-verify="required"就可以验证不空了,可是反复试了几次都不能验证,代码如下

<div class="layui-form-item">
    <label class="layui-form-label">所属工种:</label>
    <div class="layui-input-block">
        <select name="work_id" lay-verify="required" lay-search>
            <option>请选择所属工种</option>
            {volist name='list' id='vo'}
            <option value="{$vo.id}">{$vo.name}</option>
            {/volist}
        </select>
    </div>
</div>

但是 怎么提交都是不能验证select为空 , 知道最后仔细看了手册 , 才发现 要再默认的里面加一个value="" , 真是不细心啊.

<div class="layui-form-item">
    <label class="layui-form-label">所属工种:</label>
    <div class="layui-input-block">
        <select name="work_id" lay-verify="required" lay-search>
            <option value="">请选择所属工种</option>
            {volist name='list' id='vo'}
            <option value="{$vo.id}">{$vo.name}</option>
            {/volist}
        </select>
    </div>
</div>

 

 

 

阿贝云”"免费虚拟主机"“免费云服务器

阿贝云 https://www.abeiyun.com