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>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM