1. ホーム
  2. javascript

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などを使ってバックエンドのメソッドに転送されます。