layui框架form表單使用介紹

雖然對layui比較熟悉了，但今天有時間還是將layui的form表單模組重新看。

一、更新渲染

 layui沒有雙向綁定機制，但是有經典模組化框架只需要執行下面的方法即可：

form.render(type, filter)

第一個參數：type

form.render(); //更新全部
form.render('select'); //刷新select选择框渲染
[select,checkbox,radio] //刷新[select选择框,checkbox复选框(含开关)][radio]渲染

第二個參數：filter【可用於局部更新】為 class="layui-form" 所在元素的 lay-filter ="" 的值。你可以藉助該參數，對表單完成局部更新。

<div class="layui-form" lay-filter="test1"></div>
<div class="layui-form" lay-filter="test2"></div>
<script>
form.render(null, &#39;test1&#39;); //更新 lay-filter="test1" 所在容器内的全部表单状态
form.render(&#39;select&#39;, &#39;test2&#39;); //更新 lay-filter="test2" 所在容器内的全部 select 状态
</s

二、預設元素屬性

<input type="text" lay-verify="email">
<input type="checkbox" checked lay-skin="switch" lay-filter="encrypt" title="是否加密">
<button lay-submit>提交</button>

具體參考：

title：【任意值】設定元素名稱，用於checkbox，radio

# lay-skin：【switch(開關風格) primary(原始風格)】設定元素風格，只對checkbox有效

lay-filter：時間過濾器，類似選擇器，用於精確匹配

lay-verify:【required(必填項)，phone(手機號碼)，email(郵箱)，url(網址)，number(數字)，date(日期)，identity(身份證)】用於表單驗證，同時支援多個驗證規則lay-verify="required|phone"

lay-verType：【tips(吸附層)，alert(彈框)，msg(預設)】：設定異常提示層

lay-submit:設定觸發提交的元素。

更多layui知識請關注layui使用教學欄。

以上是layui框架form表單使用介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！