Einführung in die Verwendung von Laui-Framework-Formularen

Obwohl ich mit Laui vertraut bin, habe ich heute Zeit, einen weiteren Blick auf das Formularmodul von Laui zu werfen.

1. Update-Rendering

Layui verfügt nicht über einen bidirektionalen Bindungsmechanismus, aber mit einem klassischen modularen Framework müssen Sie nur die folgende Methode ausführen:

form .render(Typ, Filter)

Der erste Parameter: Typ

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

Der zweite Parameter: Filter [kann für lokale Aktualisierungen verwendet werden] ist der Lay-Filter des Elements, in dem class="layui-form" befindet sich im Wert "". Mit diesem Parameter können Sie Teilaktualisierungen des Formulars abschließen.

<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

2. Standardelementattribute

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

Spezifische Referenz:

Titel: [Beliebiger Wert] Legen Sie den Elementnamen fest, der für Kontrollkästchen und Radio verwendet wird

Lay-Skin: [Schalter (Switch-Stil) primär (Originalstil)] Elementstil festlegen, nur gültig für Kontrollkästchen

Lay-Filter: Zeitfilter, ähnlich einem Selektor, wird für genaue Übereinstimmung verwendet

lay-verify: [erforderlich (erforderlich), Telefon (Handynummer), E-Mail (Postfach), URL (Website), Nummer (Nummer), Datum (Datum), Identität (Personalausweis)] wird in Formularen zur Überprüfung verwendet, unterstützt mehrere Verifizierungsregeln gleichzeitig.lay-verify="required|phone"

lay-verType: [tips (Adsorptionsschicht), Warnung (Aufzählungsfeld), msg (Standard)]: Ebene für Ausnahmeaufforderungen festlegen

lay-submit: Legen Sie das Element fest, das die Übermittlung auslöst.

Weitere Informationen zu Laui finden Sie in der Spalte Tutorial zur Verwendung von Laui.

Das obige ist der detaillierte Inhalt vonEinführung in die Verwendung von Laui-Framework-Formularen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!