Layui之表單模組

1. layui之表單元素

如果是直接寫在html檔案中的單選框、核取方塊、選擇框，會在載入 js **的時候自動渲染，而有些時候，有的表單元素可能是動態插入的，這時 form 模組 的自動化渲染是會對其失效的，此時需要手動渲染。

語法：form.render(type, filter);

引數（type）值

描述select

重新整理select選擇框渲染

checkbox

重新整理checkbox核取方塊（含開關）渲染

radio

重新整理radio單選框框渲染

form.

render()
;//更新全部渲染
form.
render
('select');
//重新整理select選擇框渲染
form.
render
('select'
,'test1');
//更新 lay-filter="test1" 所在容器內的全部select狀態

屬性值說明

title

任意字元

設定元素名稱，一般用於checkbox、radio框

lay-skin

primary (原始風格)

switch (開關風格)

定義元素的風格，目前只對 checkbox 元素有效，可將其轉變為開關樣式

lay-ignore

任意字元或不設值

是否忽略元素美化處理。設定後，將不會對該元素進行初始化渲染，即保留系統風格

lay-filter

任意字元

事件過濾器，主要用於事件的精確匹配，跟 id 屬性是比較類似的。其實它並不私屬於form模組，它在 layui 的很多基於事件的介面中都會應用到。

lay-verify

required (必填項)

phone (手機號)

email (郵箱)

url (**)

number (數字)

date (日期)

identity (身份證)

自定義值

同時支援多條規則的驗證，格式：lay-verify=「驗證a|驗證b」，如：lay-verify=「required|phone|number」。

另外，除了我們內建的校驗規則，你還可以給他設定任意的值，比如lay-verify=「pass」，那麼你就需要借助form.verify()方法對pass進行乙個校驗規則的定義。

lay-vertype

tips (吸附層)

alert (對話方塊)

msg (預設)

用於定義異常提示層模式。

lay-reqtext

任意字元

用於自定義必填項（即設定了 lay-verify=「required」 的表單）的提示文字。

lay-submit

無需填寫值

繫結觸發提交的元素，如button

語法：form.on('event(過濾器值)', callback);

1. event是 layui 事件機制中的專屬事件，它的取值有以下幾個值。

event

描述select

監聽select下拉選擇事件

checkbox

監聽checkbox核取方塊勾選事件

switch

監聽checkbox核取方塊開關事件

radio

監聽radio單選框事件

submit

監聽表單提交事件

注意 event(過濾器值)，這種方式看起來像是乙個方法呼叫，但實際上和方法呼叫一點關係都沒有，這只是 layui 提供的一種格式。

lay-filter

="test"
>
select
>

form.on(

'select(test)'
,function
(data)
);

form.on(

'radio(filter)'
,function
(data)
);

form.on(

'checkbox(filter)'
,function
(data)
);

form.on(

'switch(filter)'
,function
(data)
);

form.on(

'select(filter)'
,function
(data)
);

form.on(

'submit(filter)'
,function
(data)
return
false
;//阻止表單跳轉。如果需要表單跳轉，去掉這段即可。})
;

而form.val('filter', object);可以對 lay-filter=『filter』 的表單賦初值。

LayUi表單模組無法正常顯示

問題 當我們再使用layui的form表單模組時，我們會把自己需要的表單賦值到我們的頁面中，但是會出現無法正常顯示的問題，如下 出現原因 layui官方文件也明確表示 當你使用表單時，layui 會對 select checkbox radio 等原始元素隱藏，從而進行美化修飾處理。但這需要依賴於 ...

html後續補充之表單模組

該做專案了，但發現自己的html表單掌握的並不是太理想，就又翻了翻書，根據書中的內容自己做了下總結，第一部分 表單的型別劃分如下 1.text屬性 用來定義文字資訊，比較重要的屬性是name。2.radio 單選按鈕，用來定義單選按鈕，例如性別的選擇等等，比較重要的屬性name 注意各個單選框屬性名...

商城之訂單模組

功能 感覺這個還是比較重要的。以後去公司也很可能會要我們調支付介面，所以這裡還是提前了解一下比較好。支付這塊分為兩種，一種是直接和銀行互動，直接通過銀行去互動支付的東西，這種一般是不會用到的。另一種是 支付平台。像這種前牽扯到錢的東西，一般都會用到加密的東西，雖然在大學裡就在學加密的這些東西，但並 ...