精华内容
下载资源
问答
  • layui弹出表单的取值,赋值
    2021-07-26 15:01:37
    给表单赋值
    success:function (layero, index){
        $.get('/info1',function (d){
    
    
            //layui.form.val('userForm',JSON.parse(JSON.stringify(data)))
    
            var div = layero.find('iframe').contents().find('#userForm');
            div.find("#username").val(data.name);
            div.find("#s1").val(data.description);
            div.find("#s2").val(data.image);
    
       })
    
    },
    给表单取值
    yes:function ( index,layero){
         //var params=$("#userForm").serialize();
        var body= layer.getChildFrame('body',index);
        var b= body.find("#userForm").serializeArray();
        console.log(b[0].value)
        console.log(b[1].value)
        $.get('/info2?name='+b[0].value+'&description='+b[1].value,function (data){
           console.log(data)
            if(data.name!=null){
                alert(data.name)
            }
            //var data1 = layui.form.val("#userForm");
            layer.close(index)
            table.reload('testReload')
        })
    
    }
    更多相关内容
  • 今天小编就为大家分享一篇layui弹出层按钮提交iframe表单的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 使用layui点击弹出表单:点击个人信息弹出表单:1、首先是页面的点击弹出事件。$(function () { var studentId=""; if ('${zyTb.sudentId}' != null &&'${zyTb.sudentId}' != '') {studentId='${zyTb....

    使用layui点击弹出表单:

    点击个人信息弹出表单:

    1、首先是页面的点击弹出事件。$(function () { var studentId=""; if ('${zyTb.sudentId}' != null &&'${zyTb.sudentId}' != '') {

    studentId='${zyTb.sudentId}';

    } if ('${univcollection.studentId}' != null &&'${univcollection.studentId}' != '') {

    studentId='${univcollection.studentId}';

    } var studentName = '';

    studentName = '${gkzyUser.name}';

    $("#personaLinfoButton").click(function(){

    layer.open({

    type: 2,

    //title: '收藏管理 (考生姓名:张无忌)',

    title: '个人信息',

    shadeClose: true,

    //弹出框之外的地方是否可以点击

    offset: '10%',

    area: ['60%', '80%'],

    content: '/gkzytb/franchiser/personaLinfo?gkzyUserId='+studentId

    // content: '/gkzytb/franchiser/rigthColumnJsonList'

    });

    });

    });

    2、当点击弹出窗口之后,请求controller来渲染form表单数据。同时跳转到包含form表单的jsp页面@RequestMapping("personaLinfo")

    public String personaLinfo(Student student,Model model){

    Area area = new Area();

    area.setParent(new Area("0"));

    List areaList1 = areaService.findList(area);

    area.setParent(areaList1.get(0));

    List areaList2 = areaService.findList(area);

    area.setParent(areaList2.get(0));

    List areaList3 = areaService.findList(area);

    List studentList = studentService.findList(student);

    if (studentList.size()>0) {

    model.addAttribute("student",studentList.get(0));

    model.addAttribute("gkzyUser",gkzyUserService.get(studentList.get(0).getGkzyUserId()));

    }

    model.addAttribute("areaList1",areaList1);

    model.addAttribute("areaList2",areaList2);

    model.addAttribute("areaList3",areaList3);

    model.addAttribute("table","1"); return "modules/gkzytb/personal/personaLinfo";

    }

    3、通过controller跳转到persionaLinfo的jsp页面。

    内蒙古高考志愿规划-鄂尔多斯市微联网络科技有限责任公司

    姓名

    性别

    民族

    邮箱

    学校

    地区

    ${area.name}

    ${area.name}

    ${area.name}

    语文

    数学

    英语

    综合

    总分

    投档

    立即提交

    重置

    展开全文
  • 今天小编就为大家分享一篇使用layui前端框架弹出form表单以及提交的示例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 利用layui弹出层做编辑页面 先上效果图 基本准备,引入layui的layui.css,layui.js文件 <link rel="stylesheet" href="../../../Publics/others/layui/css/layui.css" rel="external nofollow" media="all"> ...
  • 今天小编就为大家分享一篇关于layui 弹出层一闪而过就消失的解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • layui 弹出表单

    2021-05-01 01:02:08
    ' ,shade: 0.8 ,id: 'LAY_layuipro' //设定一个id,防止重复弹出 ,btn: ['是的关闭它', '我再考虑一下'] ,yes:function(){ layer.closeAll(); } ,btnAlign: 'c' ,moveType: 1 //拖拽模式,0或者1 ,content: ' 确定...

    摘要:layer.open({ type : 2,                                                &

    layer.open({

    type : 2,

    title : "信息編輯",

    area : [ '45%', '35%' ],

    shade : 0,

    shadeClose : false,

    content : "/admin/user/classInfoEditTurn?classId="+data.classId,

    btn:['提交'],

    yes:function(index,layero){

    var body = top.layer.getChildFrame('body',index);

    var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象,执行iframe页的方法:iframeWin.method();

    console.log(body.find('#classId').val());

    $.ajax({

    url:"/admin/user/updateClassInfo",

    type:'post',

    data:{

    'classId':body.find('#classId').val(),

    'className':body.find('#className').val(),

    'classType':body.find('#classType').val(),

    'gradeName':body.find('#gradeName').val(),

    'schoolPart':body.find('#schoolPart').val()

    },

    dataType:'json',

    success:function(data){

    if (data.code == 0) {

    layer.msg(data.msg,{

    icon:1,

    time:1000

    },function(){

    parent.layer.close(index)

    });

    } else if (data.code == 500) {

    layer.msg(data.msg,{

    icon:2,

    time:1000

    },function(){});

    }

    }

    });

    },

    closeBtn : 1,

    btnAlign:'c',

    success : function(layero, index) {

    },

    cancel : function() {

    layer.open({

    type: 1

    ,title: false //不显示标题栏

    ,closeBtn: false

    ,area: '300px;'

    ,shade: 0.8

    ,id: 'LAY_layuipro' //设定一个id,防止重复弹出

    ,btn: ['是的关闭它', '我再考虑一下']

    ,yes:function(){

    layer.closeAll();

    }

    ,btnAlign: 'c'

    ,moveType: 1 //拖拽模式,0或者1

    ,content: '

    确定关闭吗~!
    '

    });

    return false;

    },

    end : function() {

    layer.closeAll();

    location.reload();

    }

    });

    展开全文
  • layui弹出表单

    万次阅读 多人点赞 2019-07-03 09:11:55
    弹出表单很常见,也很实用,无论是在’pc端网页还是在移动端. 现在用layui来实现一下这个表单吧. html <form class="layui-form" id="test" style="display:none"> <div class="layui-form-item"> ...

    弹出层表单很常见,也很实用,无论是在pc端网页还是在移动端.

    现在用layui来实现一下这个表单吧.

    html

    <form class="layui-form" id="test" style="display:none">
      <div class="layui-form-item">
        <label class="layui-form-label">输入框</label>
        <div class="layui-input-block">
          <input type="text" name="title" required  lay-verify="required" placeholder="请输入标题" autocomplete="on" class="layui-input" id="username" style="width:100px">
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">密码框</label>
        <div class="layui-input-inline">
          <input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="on" class="layui-input">
        </div>
        <div class="layui-form-mid layui-word-aux">辅助文字</div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">选择框</label>
        <div class="layui-input-block">
         <select name="quiz" lay-search>
      <option value="">请选择</option>
      <optgroup label="城市记忆">
        <option value="你工作的第一个城市">你工作的第一个城市?</option>
      </optgroup>
      <optgroup label="学生时代">
        <option value="你的工号">你的工号?</option>
        <option value="你最喜欢的老师">你最喜欢的老师?</option>
      </optgroup>
    </select>
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">复选框</label>
        <div class="layui-input-block">
          <input type="checkbox" name="like[write]" title="写作" lay-skin="primary">
          <input type="checkbox" name="like[read]" title="阅读" checked lay-skin="primary">
          <input type="checkbox" name="like[dai]" title="发呆" lay-skin="primary">
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">开关</label>
        <div class="layui-input-block">
          <input type="checkbox" name="switch" lay-skin="switch" lay-text="开启|关闭">
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">单选框</label>
        <div class="layui-input-block">
          <input type="radio" name="sex" value="男" title="男">
          <input type="radio" name="sex" value="女" title="女" checked>
        </div>
      </div>
      <div class="layui-form-item layui-form-text">
        <label class="layui-form-label" >文本域</label>
        <div class="layui-input-block">
          <textarea lay-verify="required" name="desc" placeholder="请输入内容" class="layui-textarea"></textarea>
        </div>
      </div>
    </form>
    <button id="div">提交</button>
    

    js

    layer.open({
     type:1,
     area:['500px','600px'],
      title: 'tianxie'
      ,content: $("#test"),
      shade: 0,
      btn: ['提交', '重置']
      ,btn1: function(index, layero){
      var kk=$("#username").val();
      alert(kk);
      },
      btn2: function(index, layero){
       alert("2222");
       return false;
      },
    cancel: function(layero,index){ 
       layer.closeAll();
      }
    
    }); 
    
    

    效果图

    效果图
    **欢迎光临本人咸鱼店铺
    最新VUE3.0+TS入门与实战,打造企业级组件,打造知乎专栏等
    最新React17+TS+全面拥抱HOOK打造企业级旅游系统等
    最新畅销大前端金职位教学视频等
    尽在大前端&Vue3&React

    展开全文
  • layui 弹出框提交表单

    千次阅读 2020-12-29 03:38:30
    layer.open({type:1,title:"发送消息",skin:"myclass",//自定样式area:["800px","400px"],btn: [‘发送‘, ‘取消‘],btnAlign:‘c‘, //按钮居中content:$("#t"), //如果要form表单提交必须是$("#t") dom元素,不能...
  • 如下所示: layer.open({ type: 2, title: "设置围栏", shadeClose: true, shade: 0.4, area: ['90%', '90%'], ... //当点击‘确定'按钮的时候,获取弹出层返回的值 var res = window["layui-layer-iframe" +
  • 今天小编就为大家分享一篇layui插件表单验证提交触发提交的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 表单中添加了layui内置的表单验证规则后,需要submit提交表单才生效,但是弹出层中的表单一点击submit提交按钮后弹出层会立即关闭,这样就看不到成功或者错误的提示信息了。 layui内置的校验规则lay-verify=...
  • 今天小编就为大家分享一篇layui 对弹窗 form表单赋值的实现方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 参考文献:含代码 http://www.shagua.wiki/project/3?p=113
  • 这里写自定义目录标题layui弹出层form表单自带的验证不执行废话少说放代码接下来如何让弹出层执行form验证规则 layui弹出层form表单自带的验证不执行 其实没有执行那个form的那个submit方法没有执行 废话少说放代码 ...
  • layui弹出form表单以及提交

    千次阅读 2020-12-29 03:36:01
    在前端开发时经常会用到form表单来进行数据交互,layui框架教程栏目为大家介绍了用layui前端框架弹出form表单以及提交的方法,希望可以在大家学习layui时有一定的帮助。第一步:引用两个文件第二步:点击删除按钮弹出...
  • 弹出表单很常见,也很实用,无论是在pc端网页还是在移动端. 现在用layui来实现一下这个表单吧. html <form class="layui-form" id="test" style="display:none"> <div class="layui-form-item"> <...
  • Layui 弹出全屏自适应

    2021-06-29 14:55:41
    var index =layer.open({ type: 2, area: ['100%', '100%'], fix: false, maxmin: false, shadeClose: false, shade: 0.4, closeBtn: false, content: url, title: '添加服务项目' });...
  • layui弹出层中添加下拉框 实习不到两个月,踩到的坑 使用layui写了一个项目,负责其中的一小块,其中有一个页面需要在弹出层中写一个下拉框 代码如下: <div class="layui-form-item"> <label class="layui...
  • 要放在弹出层的表单–style=“display:none” <form class="layui-form addList" style="display:none" method="post" onsubmit="return toVaild()" action="~/Admin/AddAdvert" enctype="multipart/form-data" &...
  • layui弹出层提交表单

    万次阅读 2018-09-12 17:35:06
    本文章使用layui框架,提交表单,如果使用其他的框架请右上...首先设置弹出层如下图: layer.open({ type : 2, title : "信息編輯", area : [ '45%', '35%' ], shade : 0, sha...
  • layui 弹出层和提交表单

    万次阅读 2018-07-18 11:43:14
    在点击修改按钮的时候,content 路径CPTL/ +curId ,路径中的curid 是当前信息的ID,弹窗跳出当前的数据信息   ...把提交的按钮写在子页面里面,这里没有用layui 自带的yes:function(),   3....
  • layui 弹出层form表单提交验证

    千次阅读 2019-09-26 15:41:09
    id: 'LAY_layuipro' //设定一个id,防止重复弹出 , resize: false, btn: ['确定', '取消'], btnAlign: 'c', moveType: 1 //拖拽模式,0或者1 , content: $(".pop"), success: function (layero) { $(':...
  • layui表单layer弹出

    千次阅读 2020-10-22 14:21:27
    这是要弹出表单,content的内容直接就是form表单的内容,提交用的是layer的btn和成功回调 function openAdd() { layer.open({ type: 1, area:['80%','80%'], content: ' \n' + ' \n' + ' \n' + ' \n' + ' 客户...
  • 使用layui框架弹出form表单以及提交的方法发布时间:2020-05-08 09:28:25来源:亿速云阅读:1056这篇文章主要介绍了使用layui框架弹出form表单以及提交的方法,具有一定借鉴价值,需要的朋友可以参考下。如下资料是...
  • 一、对接Layui Css 与 Js外部连接(我这个位置写的我本地的地址大家可以去网上搜索一下这两个地址) <link rel="stylesheet" href="layui/css/layui.css"> <script src="layui/layui.js" charset="utf-...
  • 我们都知道layui弹出层的btn属性生成的按钮,没办法实现弹出层内部的form验证成功后再执行相应操作。 我的方法是,在弹出层写一个隐藏按钮,一个隐藏的input和form.on方法,和自定义验证方法或者layui的验证方法,...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,262
精华内容 904
关键字:

layui弹出表单