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" 
                       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" 
                       placeholder="请输入专业名称" value="" class="layui-input">
            </div>
        </div>
     </form>
</div>

相关文章:

  • 2021-12-29
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案