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

html5弹出层表单,layer弹出层实现表单提交js$(“#info_withdraw”).on(‘click’,function(){//iframe层layer.open({type:2,title:’申请提现’,shadeClose:true,shade:0.6,area:[‘780px’,’600px’],content:’__URL__/withdraw’});});htmlbody{background-col…

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

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.net/158460.html原文链接:https://javaforall.net

(0)
上一篇 2022年7月13日 下午2:46
下一篇 2022年7月13日 下午2:46


相关推荐

  • linux设置网络适配器

    linux设置网络适配器1 安装完虚拟机后 我们的电脑的适配器会多出两个 VMnet1 和 VMnet82 打开虚拟机设置的网络适配器 可以看到网络连接方式有 桥接 NAT 仅主机 3 其中桥接使用主机的适配器 NAT 使用 VMnet8 仅主机模式使用 VMnet14 一般我们使用桥接即可 但是主机不止有一块网络适配器 一般无线和有线网卡各一个 我们需要选择主机能用的适配器 设置方式如下

    2026年2月6日
    2
  • windows恶意软件删除工具(MRT.exe)检查计算机是否感染病毒使用图解

    windows恶意软件删除工具(MRT.exe)检查计算机是否感染病毒使用图解 MicrosoftWindows恶意软件删除工具可以检查运行WindowsXP、Windows2000和WindowsServer2003的计算机是否受到特殊、流行的恶意软件(包括Blaster、Sasser和Mydoom)的感染,并帮助您删除所有找到的感染病毒。当检测和删除过程完成时,此工具将显示一个报告,说明检测到并删除了哪些恶意软件(如果有)等检查结果。…

    2022年6月24日
    39
  • linux快捷键(mac版)

    linux快捷键(mac版)控制台快捷键command+a:回到命令开头command+e:回到命令结尾command+u:删除前面所有内容vim快捷键普通模式移动到第一行:gg移动到最后一行:G移动到第几行:数字+G向下移动几行:数字+enter到当前行第几个字符:数字+space查找字符串:/+字符串ZZ显示行号:(:setnu)替换:(:n1,n2/s/word1/word2/gc),$s代表行尾撤销/重做:u/ctrl+rnyy:向下复制多行p:在下一行粘

    2025年5月25日
    8
  • 豆包添加功能怎么上传所有代码

    豆包添加功能怎么上传所有代码

    2026年3月12日
    3
  • Notion添加按钮教程与自动化设置详解

    Notion添加按钮教程与自动化设置详解

    2026年3月19日
    2
  • 数据库基础知识一(MySQL)[通俗易懂]

    数据库基础知识一(MySQL)[通俗易懂]数据库是研究数据管理的技术。即如何妥善地保存和科学地管理数据。数据管理是指对数据进行分类、组织、编码、存储、检索和维护等操作。数据管理技术好坏评判的标准:(1)数据冗余(2)数据共享(3)数据独立性(4)数据统一集中管理数据库:按一定结构组织存储的、集成的、可共享的数据的集合。数据库有两种类型:关系型数据库与非关系型数据库。关系型数据库:存储格式能直观地反映实体间的关系,和创…

    2022年4月19日
    51

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号