java管理员端开发之jquery+layui的使用之form表单上传

1. 设置form表单提交按钮的lay-filter

<button class="layui-btn" lay-submit lay-filter="LAY-user-reg-submit">立即提交</button>

2. 引入form模块

layui.use(['form', 'laydate'], function(){
	form = layui.form;
	form.render();
});

3. 设置监听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;
});