layui必填项样式

layui必填项校验样式


这里使用的是自带的required样式
标签中的class = " required" 必须在form标签中才会起作用
如下:

<form class="layui-form" action="BaseServlet.do?servlet=MajorServlet&method=add" method="post">
    <div class="layui-form layuimini-form">
        <div class="layui-form-item">
            <label class="layui-form-label required">专业名</label>
            <div class="layui-input-block">
                <input type="text" id="majorName" name="majorName" lay-verify="required" lay-reqtext="专业名不能为空"
                       placeholder="请输入专业名称" value="" class="layui-input">
            </div>
        </div>
    </div>
</form>

注:form标签需要在最外层,否则样式会不起作用
以下不起作用

<div class="layui-form layuimini-form">
     <form class="layui-form" action="BaseServlet.do?servlet=MajorServlet&method=add" method="post">
        <div class="layui-form-item">
            <label class="layui-form-label required">专业名</label>
            <div class="layui-input-block">
                <input type="text" id="majorName" name="majorName" lay-verify="required" lay-reqtext="专业名不能为空"
                       placeholder="请输入专业名称" value="" class="layui-input">
            </div>
        </div>
     </form>
</div>

原文地址:https://www.cnblogs.com/cn9826/p/13631984.html