首页 > 其他 > 详细

layui必填项样式

时间:2020-09-08 15:07:12      阅读:126      评论:0      收藏:0      [点我收藏+]

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>

layui必填项样式

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!