Lauiuiフレームワークフォームフォームの使用方法の紹介

私は、layui についてはよく知っていますが、今日は時間があるので、layui のフォーム モジュールをもう一度見てみましょう。

1. レンダリングの更新

layui には双方向バインディング メカニズムがありませんが、従来のモジュラー フレームワークを使用すると、次のメソッドを実行するだけで済みます:

form .render(type, filter)

最初のパラメータ: type

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

2 番目のパラメータ: filter [ローカル更新に使用できます] は要素のレイ フィルタです。 class="layui-form" には ="" 値が配置されています。このパラメータを使用すると、フォームの部分的な更新を完了できます。

<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. デフォルトの要素属性

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

具体的な参照:

title: [任意の値] チェックボックス、ラジオに使用される要素名を設定します

lay-skin: [switch (switch style) main (original style)] 要素スタイルを設定します。チェックボックスにのみ有効です。

lay-filter: セレクターに似た時間フィルター。完全一致に使用されます。

lay-verify: [必須 (必須)、電話番号 (携帯電話番号)、電子メール (メールボックス)、URL (ウェブサイト)、番号 (数字)、日付 (日付)、ID (ID カード)] フォーム検証で使用されます。 、同時に複数の検証ルールをサポートしますlay-verify="required|phone"

lay-verType: [tips (吸着層)、alert (箇条書きボックス)、msg (default)]: 例外を設定しますプロンプトレイヤー

lay-submit: 送信をトリガーする要素を設定します。

layui の詳細については、layui 使用法チュートリアル 列に注目してください。

以上がLauiuiフレームワークフォームフォームの使用方法の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。