html5弹出层表单,layer弹出层实现表单提交

2022-09-14 10:13:00 浏览数 (1)

大家好,又见面了,我是你们的朋友全栈君。

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来布局,自适应。

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/158460.html原文链接:https://javaforall.cn

0 人点赞