layui框架form表單使用介紹

發布: 2019-12-18 17:09:22
轉載
4287 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:cnblogs.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!