layui写弹出框显示表单信息_layer弹出层实现表单提交

js

$("#info_withdraw").on('click', function () {

//iframe层

layer.open({

type: 2,

title: '申请提现',

shadeClose: true,

shade: 0.6,

area: ['780px', '600px'],

content: '__URL__/withdraw'

});

});

html

body {

background-color: #FFF;

height: auto;

}

当前余额:

￥{$money}

提现金额:

(提现金额不能超过当前余额)

提交

$(function () {

// 定义全局锁

let lock_flag = false;

let page = $('#page').val();

$("#edit_form").ajaxForm({

dataType: "json",

success : function(obj){

if(obj.errno == 0){

layer.msg(obj.errdesc);

setTimeout(function() {

window.parent.location.reload();

},2000);

}else{

// 解锁

lock_flag = false;

layer.msg(obj.errdesc);

}

return false;

}

});

$("#edit_btn").on("click", function(){

// 上锁

if (!lock_flag) {

lock_flag = true;

$("#edit_form").submit();

}

return false;

});

})

子页面，用xs来布局，自适应。