Layuiフォーム提出データが空の問題を解決します。


穴の外観
最近はプロジェクトバックグラウンド管理モジュールのフロントフレームとしてLayuiを使っていますが、とても使いやすいと思います。
今日はピットを踏みました。つまり、layuiフォームを使って提出する時、提出したデータは空です。
例えば、Layer.msg(JSON.strigify(data.field);このコードを実行すると、ページは空のオブジェクトとして表示されます。

<form class="layui-form" action="">
 <div class="layui-form-item">
  <label class="layui-form-label">   </label>
  <div class="layui-input-block">
   <input type="text" id="title" required lay-verify="required" placeholder="     " autocomplete="off" class="layui-input">
  </div>
 </div>
</form>

layui.use('form', function(){
 var form = layui.form;

 //    
 form.on('submit(formDemo)', function(data){
  layer.msg(JSON.stringify(data.field));//        
  return false;
 });
});
ピットの原因
長い間考えても分かりませんでしたが、最後にソースコードの例と自分のコードをよく比較しました。元々は他人のLayuiがフォームを提出する時は元素のnameとvalueによってデータを準備しました。
これです。input type="text"id="title"name="title"に変更して問題を解決します。
上記のLayuiフォームの提出データが空の問題は、小編集が皆さんに提供したすべての内容です。参考にしていただければと思います。どうぞよろしくお願いします。