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
喜欢就支持一下吧
点赞1 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片