layuiのフォームフォームでデータを送信する方法です。
2022-02-16 15:11:25
<form class="layui-form">
<div class="layui-form-item">
<input type="text" id="subTitle" name="subTitle" lay-verify="required" class="layui- input">
</div>
<div class="layui-form-item">
<button class="layui-btn" lay-submit lay-filter="formDemo"> add </button>
</div>
</form>
form タグに class="layui-form" 属性を追加します。
ボタンは lay-filter = "formDemo" プロパティに追加します。
form.on('submit(formDemo)', function (data) {
layer.msg(JSON.stringify(data.field));
//JSON.stringify(data.field) This is all the data in the form
var articleFrom = data.field.articleFrom;
var articleSummary = data.field.articleSummary;
return false;
})
その後、ajaxなどを使ってバックエンドのメソッドに転送されます。
関連
-
[解決済み】document.getElementByIDは関数ではありません。
-
[解決済み】ラジオボタンのチェックを外すには?
-
[解決済み] SyntaxError: JSON.parse: JSONデータの1行目、1列目に予期しない文字があります。
-
[解決済み] for-loopを解除できない。非構造的ブレーク
-
[解決済み] TypeError: 未定義のプロパティ 'concat' を読み取ることができません。
-
[解決済み] angular.js:38 Uncaught Error: [$injector:modulerr]です。
-
[解決済み] htmlのdata-reactid属性とは何ですか?
-
[解決済み] htmlページのIDはいくつまでならOKですか?
-
[解決済み] ローカルテキストファイルをJavaScriptの配列に読み込む [重複]。
-
[解決済み] jqGrid gridComplete:- getRowData - 配列から行セルの値を取得する
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] htmlで"× "を使うと×になる。
-
[解決済み] サイプレス - テキストの内容で検索するには?
-
[解決済み] document.writeの代替となるものは何ですか?
-
[解決済み] 周期的なオブジェクト値を含むオブジェクトのシリアライズ
-
[解決済み] SVGで「スクイグリーライン」を描画する
-
[解決済み] Javascriptでテキストボックスが空かどうかをチェックする
-
[解決済み] 配列中の最長文字列を検索する
-
[解決済み] JSLintが "radixパラメータがありません "と表示する
-
[解決済み] __doPostBack() はポストバックを引き起こすが、aspx ページでボタンのクリックイベントを呼び出さない
-
Nuxt.js开发中碰到的问题(一)window 或 document is not defined