1. 程式人生 > >layui表單驗證select下拉框是如何驗證的

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="" , 真是不細心啊.

在這裡插入圖片描述

這樣就可以了!

在這裡插入圖片描述