在layui中獲取表單數據有兩種常用的方法:
使用layui的form模塊,通過監聽提交事件來獲取表單數據。 首先需要引入layui的form模塊:
layui.use('form', function(){
var form = layui.form;
});
然后監聽表單的提交事件,通過form.on('submit(formDemo)', function(data){})
來獲取表單數據,其中formDemo
為表單的lay-filter屬性值。
form.on('submit(formDemo)', function(data){
var formData = data.field;
// 獲取表單數據
// formData中包含了表單中的所有字段和對應的值
return false; // 阻止表單跳轉
});
在上述代碼中,data.field
即為表單數據,可以通過data.field.fieldName
來獲取指定字段的值。
使用jQuery或原生JavaScript來獲取表單數據。
首先需要使用layui的layui.form.render()
方法對表單進行渲染,然后可以使用jQuery的serialize()
方法來獲取表單數據。
layui.use(['form', 'jquery'], function(){
var form = layui.form;
var $ = layui.jquery;
form.render();
$('#formId').on('submit', function(e){
e.preventDefault();
var formData = $(this).serialize();
// 獲取表單數據
// formData為表單序列化后的字符串
});
});
在上述代碼中,formId
為表單的id屬性值,可以通過$(this).serialize()
來獲取表單數據。