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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • spring 整合 mybatis原理

    spring 整合 mybatis原理SqlSessionFactoryBean的创建1.SqlSessionFactoryBean这个类实现了三个接口,一个是InitializingBean,另一个是FactoryBean,还有就是ApplicationListener接口。下面说明一下实现了这三个接口的,有什么作用InitializingBean接口:实现了这个接口,那么当bean初始化的时候,spring就会调用该接口的实现…

    2022年6月3日
    46
  • 以太坊客户端Ethereum Wallet与Geth区别简介

    以太坊客户端Ethereum Wallet与Geth区别简介

    2021年6月30日
    106
  • Kafka集群搭建 以及命令「建议收藏」

    Kafka集群搭建 以及命令「建议收藏」好久没有写博客了有点懒赶紧补一下Kafka集群搭建测试机三个节点hadoop1hadoop2hadoop3这三个节点安装了独立的zookeeper且我其他hadoophbase等元数据信息都在上面我不用Kafka自带的zookeeper本次的版本是:/kafka_2.10-0.10.0.1修改配置:kafka_2.10-0.10.0.1/conf

    2022年6月9日
    39
  • MinGW安装教程——著名C/C++编译器GCC的Windows版本[通俗易懂]

    前言本文主要讲述如何安装C语言编译器——MinGW,特点是文章附有完整详细的实际安装过程截图,文字反而起说明提示作用。编写本文的原因始于我的一个观点:图片可以比文字传达更多的信息,也能让其他人更容易理解作者的意图及思想。因此,我将安装MinGW的过程和步骤,编写成了这篇以图片为主的教程,为了让看到这篇文章的任何人,都可以很容易按照图片所示正确安装MinGW。一、什么是MinGW…

    2022年4月8日
    68
  • PHP 使用 ElasticSearch 做搜索

    PHP 使用 ElasticSearch 做搜索

    2022年2月13日
    46
  • C语言stat函数_fileno函数

    C语言stat函数_fileno函数  函数原型intstat(constchar*file_name,structstat*buf);表头文件:#include<unistd.h>#include<sys/stat.h>stat()用来将参数file_name所指的文件状态,复制到参数buf所指的结构中。constchar*表示文件的路径,structstat*buf表示声明…

    2022年8月21日
    6

发表回复

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

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