- 设置form表单提交按钮的lay-filter
<button class="layui-btn" lay-submit lay-filter="LAY-user-reg-submit">立即提交</button>
- 引入form模块
layui.use(['form', 'laydate'], function(){
form = layui.form;
form.render();
});
- 设置监听submit
//提交
form.on('submit(LAY-user-reg-submit)', function(obj){
//获得表单的数据并保存在field中
var field = obj.field;
//alert(field.password);
//在提交之前先验证表单数据
//确认密码
if(field.password.toString().length<6){
return window.parent.layer.msg('密码的长度应大于6');
}
var data = {
//这就是一个示例数据
//phone输入框定义
//<input type="text" required lay-verify="phone" class="layui-input" name="phone">
//required 表示必填
phone:field.phone
};
//请求接口
$.ajax(
{
url: "yourUrl",
data: data,
success: function (result) {
},
},
error: function (xhr, status, p3, p4) {
var err = "Error " + " " + status + " " + p3;
if (xhr.responseText && xhr.responseText[0] == "{")
err = JSON.parse(xhr.responseText).message;
alert(err);
}
});
//确保提交失败不重置表单数据
return false;
});