精华内容
下载资源
问答
  • layui表单提交

    2018-11-12 21:29:00
    关于layui表单提交 只是简单用一个文本框记录一下提交过程 其他的如下拉框选择框样式可以参考官网 下面直接开始。首 一:前台页面 <!DOCTYPE html><html><head> <meta charset="utf-8" />...

    关于layui表单提交  只是简单用一个文本框记录一下提交过程    其他的如下拉框选择框样式可以参考官网

    下面直接开始。首

    一:前台页面

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8" />
    <title></title>
    <link href="../layui/css/layui.css" rel="stylesheet" />
    <script src="../layui/layui.js"></script>
    <script src="../layui/jquery-3.3.1.js"></script>
    </head>
    <body>
    <form class="layui-form" action="">
    <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="off" class="layui-input">
    </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="off" 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="city" lay-verify="required">
    <option value=""></option>
    <option value="0">北京</option>
    <option value="1">上海</option>
    <option value="2">广州</option>
    <option value="3">深圳</option>
    <option value="4">杭州</option>
    </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="写作">
    <input type="checkbox" name="like[read]" title="阅读" checked>
    <input type="checkbox" name="like[dai]" title="发呆">
    </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">
    </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 name="desc" placeholder="请输入内容" class="layui-textarea"></textarea>
    </div>
    </div>
    <div class="layui-form-item">
    <div class="layui-input-block">
    <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
    <button type="reset" class="layui-btn layui-btn-primary">重置</button>
    <button class="layui-btn" lay-submit lay-filter="save">保存</button>
    </div>
    </div>
    </form>

    <script>
    //Demo
    layui.use('form', function(){
    var form = layui.form;

    //监听提交
    form.on('submit(formDemo)', function (data) {
    data.field.state = 1;
    layer.msg(JSON.stringify(data.field));
    return false;
    });
    //监听保存
    form.on('submit(save)', function (data) {
    data.field.state = 0;
    layer.msg(JSON.stringify(data.field));
    return false;
    });

    });
    </script>
    </body>
    </html>

    老方法  考的你的html编辑器就可以用了 可以看到数据前台已经拿到了 接下来只需要ajax丢到后台进行相关操作就可以了 

     

    转载于:https://www.cnblogs.com/yagamilight/p/9949243.html

    展开全文
  • 今天小编就为大家分享一篇解决Layui 表单提交数据为空的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • LayUI表单提交数据为空

    万次阅读 2018-03-27 09:55:20
    今天踩了个坑,就是使用layui表单提交时,提交的数据为空。 例如,layer.msg(JSON.stringify(data.field));这句代码执行后,页面显示为空对象。 &amp;lt;form class=&quot;layui-form&quot; action=&...

    1. 现象

    最近用了一段时间Layui作为项目后台管理模块的前端框架,感觉还是挺好用的。

    今天踩了个坑,就是使用layui表单提交时,提交的数据为空。

    例如,layer.msg(JSON.stringify(data.field));这句代码执行后,页面显示为空对象。

    <form class="layui-form" action="">
      <div class="layui-form-item">
        <label class="layui-form-label">输入框</label>
        <div class="layui-input-block">
          <input type="text" id="title" required  lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input">
        </div>
      </div>
    </form>
    
    layui.use('form', function(){
      var form = layui.form;
      
      //监听提交
      form.on('submit(formDemo)', function(data){
        layer.msg(JSON.stringify(data.field));//此处显示输入内容
        return false;
      });
    });
    

    2. 解决方案

    想了半天都没弄明白,最后仔细对比了示例源码和自己的代码,原来是人家Layui提交表单时是按元素的name和value准备数据的,而我为了使用jQuey处理元素方便,把name改为id。

    就是这个:<input type="text" id="title"

    改为<input type="text" id="title" name="title"后,问题解决。

    展开全文
  • 今天小编就为大家分享一篇layui表单提交到后台自动封装到实体类的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • layui表单提交刷新问题 在提交监听结尾,添加一行return false

    layui表单提交刷新问题

    在提交监听结尾,添加一行return false

    展开全文
  • layui表单提交没成功也会重新刷新表单,layui bug 在form.on最后添加return false;就可以了,如下图

    layui表单提交没成功也会重新刷新表单,layui bug

    在form.on最后添加return false;就可以了,如下图

    展开全文
  • layui表单提交禁止表单跳转也会自动刷新 代码. //创建一个编辑器 提交监听 var editIndex = layedit.build('LAY_demo_editor'); //监听提交 form.on('submit(demo1)', function(data){ var url...
  • layui表单提交 input假按钮 onclick 点击 asp:Button 将asp:Button隐藏 //js/jq function Check() { $("[id$='btn']").click(); } //前台 if(event.keyCode==13){return false;}防止input回车提交表单 <input ...
  • 今天踩了个坑,就是使用layui表单提交时,提交的数据为空。例如,layer.msg(JSON.stringify(data.field));这句代码执行后,页面显示为空对象。输入框layui.use('form', function(){var form = layui.form;//监听提交...
  • layui表单提交时出现提交多次的原因 1. js文件引用了多次 一般使用layui需要引用layui.js,有的会引用layui.all.js。 如果使用layui默认的表单提交方式,且你的上述js文件同时引用,或者重复引用,那么就会导致表单...
  • Layui表单提交问题

    2021-01-30 17:31:35
    1、Layui的form表单提交问题 ​ 在提交表单数据时,提交按钮为 submit 类型,以layui为js框架时,会重复提交表单数据。如何解觉这一问题?以下给出我认为便捷的三种方法: 设置button的type=button,否则默认...
  • 今天踩了个坑,就是使用layui表单提交时,提交的数据为空。例如,layer.msg(JSON.stringify(data.field));这句代码执行后,页面显示为空对象。输入框layui.use('form', function(){var form = layui.form;//监听提交...
  • layui表单提交时,只有一条数据问题解决 用一个layui做一个表单模块时,想弄一个点击后提交按钮后,弹出提交内容的提示框 图片中的红框内容就是将提交的内容弹出语句 问题就是:点击提交表单按钮后,确实有弹出提示...
  • layui表单提交到后台

    万次阅读 2018-10-17 22:57:57
    思路:我在开发问卷调查模块时,想添加问卷的时候使用layui弹出一个表单,然后经过校验提交到ssm下的Controller里 一:jsp要弹出的表单 &lt;button id="add" class="layui-btn layui-btn-sm"...
  • layui表单提交封装

    2019-09-30 18:44:13
    /** * 表单提交 * @param formId * @param submitForm_success * @return */function submitForm(formId,submitForm_success){ layui.use('form', function(){ var form = layui.form; //监听提交ajaxSubmit...
  • layui表单提交时出现一闪而过的验证信息的原因  发生“表单提交时出现一闪而过的验证信息”的原因是,同一个html页面中不同form表单的事件过滤器(lay-filter)的值重复,导致表单交叉重复验证。  具体来说就是当...
  • layUI表单提交时,控制台出现$(...)serializeObject is not a function错误——解决方案
  • //提交表单 function formSubmit(obj){ dictType1 = $('#dictName option:selected').val(); console.log(dictType1) $.ajax({ type: "POST", data: $.param({'dictType':dictType,'dictName':dictType1})+'&...
  • 槽糕layui表单提交俩次,你遇到过吗? 前言 使用这个layui已经快俩年时间了,刚刚新搭xadmin的框架,于是就出现了表单会重复提交这个问题,很懊恼啊! 如果你想直接知道解决方案,那就直接到第三小节即可。 一、...
  • layui表单提交无反应

    2020-11-27 16:32:43
    点击submit时,form.on不被处罚,表单输入框验证项的验证不执行。...//监听提交 form.on('submit(demo1)', function(data){ //save(data); return false; }); 解决办法: 给submit按钮增加 lay-submit="" 即可。
  • layui表单提交到后台案例含代码 layui表单ajax无跳转提交含代码 layui表单规则自定义验证含代码 先上效果图: 详细参考该篇文章(复制下方地址到浏览器上访问) 复制该urll到浏览器地址栏,回车访问=> ...
  • layui表单提交400

    2019-12-25 21:45:35
    ​{city: "123123"​,name: "12312",phoneNum: "312312","role": "1"sex: "0"} 后台使用user对象进行介绍,user熟悉city,name,phoneNum,role对象->id,name, 解决方案: 将前端name为role的改为role.name ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 9,435
精华内容 3,774
关键字:

layui表单如何提交