Layui 下拉框必填项失效问题( lay-verify=“required“)

项目场景:

今日在进行员工信息修改的时候,性别属性是空值,当我点击提交的时候,按理来说应当提示我此处为必填项,不可为空,但是直接就调用方法进行修改了,没有弹出layui的提示窗。

问题描述:

以下是我的部分源码(以下代码是被form标签包含的):

    <div class="layui-form-item">
        <label class="layui-form-label">性别</label>
        <div class="layui-input-inline">
            <select name="sex" lay-verify="required">
                <option value="0"></option>
                <option value="1"></option>
            </select>
        </div>
    </div>

原因分析:

没怎么分析,就想了想,试了试,就可以了。

解决方案:

需要给select给定一个默认值,以下是解决的问题的源码:

    <div class="layui-form-item">
        <label class="layui-form-label">性别</label>
        <div class="layui-input-inline">
            <select name="sex" lay-verify="required">
                <option value="">请修改雇员性别</option>
                <option value="0"></option>
                <option value="1"></option>
            </select>
        </div>
    </div>

新手小白,刚上路,有许多知识不清楚,还望大家多多指点一下我,谢谢啦。

你可能感兴趣的:(开发问题集,html,layui)