layer.open 获取不到表单信息的解决方法


Posted in Javascript onSeptember 26, 2019

表单:

<div class="orderHouse none">
  <ul class="order-house-messige">
    <form id="order-form" class="mui-input-group common-input-group order-house-group" data-action="<{:U('ordering')}>">
    <li>
      <span>看房时间</span>
      <input type="text" class="input-normal order-time" name="time" placeholder="请选择看房时间"/>
    </li>
    <li>
      <span>联系方式</span>
      <input type="tel" class="input-normal" data-value="123123" name="mobile" placeholder="155****5892" />
    </li>
    <li>
      <span class="fn-left">备注</span>
      <textarea rows="5" cols="54" name="content" placeholder="请输入备注"></textarea>
    </li>
    <li>
      <span>  </span>
      <button type="button" class="btn btn-primary btn-lg order-messige-btn">提交看房申请</button>
    </li>
    </form>
  </ul>
</div>

js :

layer.open({
  type: 1,
  title: [
    '申请预约看房',
    'background-color:#fff; border-bottom:solid 1px #e5e5e5; margin-top: 0;height: 60px;line-height: 60px; font-size:18px;'
  ],
  closeBtn:2,
  area: ['570px','400px'],
  content: $('.orderHouse').html(),
  success:function(){
    //申请成功
    $('.order-messige-btn').on('click',function() {
      alert($("textarea").val());
    });
  }
});

在此处报了一个错误:layer.open弹出框不能获取input框的值为空

点击保存就是不能获取input的值,总是为空字符串。

后来在网上查找资料,原来这是个比较普遍的bug,原来是layer.open的content参数(上面红色标记代码),应该写成

content: $('.orderHouse'),不要后面的html(),去掉后调试正常获取了input的值,解决问题就行,也没有去深究这个是什么原因(关键也没那个时间)。

以上这篇layer.open 获取不到表单信息的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
通过一段代码简单说js中的this的使用
Jul 23 Javascript
javascript中数组的concat()方法使用介绍
Dec 18 Javascript
新增加的内容是如何将div的scrollbar自动移动最下面
Jan 02 Javascript
javascript数组遍历for与for in区别详解
Dec 04 Javascript
javascript的 {} 语句块详解
Feb 27 Javascript
谈一谈bootstrap响应式布局
May 23 Javascript
D3.js实现直方图的方法详解
Sep 25 Javascript
详解webpack es6 to es5支持配置
May 04 Javascript
jQuery.form.js的使用详解
Jun 14 jQuery
详解如何用VUE写一个多用模态框组件模版
Sep 27 Javascript
vue项目中将element-ui table表格写成组件的实现代码
Jun 12 Javascript
Node.js 实现简单的无侵入式缓存框架的方法
Jul 21 Javascript
layui: layer.open加载窗体时出现遮罩层的解决方法
Sep 26 #Javascript
layUI使用layer.open,在content打开数据表格,获取值并返回的方法
Sep 26 #Javascript
对Layer弹窗使用及返回数据接收的实例详解
Sep 26 #Javascript
Vue 刷新当前路由的实现代码
Sep 26 #Javascript
vue中使用百度脑图kityminder-core二次开发的实现
Sep 26 #Javascript
浅谈Layui的eleTree树式选择器使用方法
Sep 25 #Javascript
layui禁用侧边导航栏点击事件的解决方法
Sep 25 #Javascript
You might like
如何使用PHP中的字符串函数
2006/10/09 PHP
PHP实现HTTP断点续传的方法
2015/06/17 PHP
浅谈PHP发送HTTP请求的几种方式
2017/07/25 PHP
laravel接管Dingo-api和默认的错误处理方式
2019/10/25 PHP
犀利的js 函数集合
2009/06/11 Javascript
网易JS面试题与Javascript词法作用域说明
2010/11/09 Javascript
js获取浏览器的可视区域尺寸的实现代码
2011/11/30 Javascript
Js数组排序函数sort()介绍
2015/06/08 Javascript
js判断鼠标位置是否在某个div中的方法
2016/02/26 Javascript
jquery mobile 实现自定义confirm确认框效果的简单实例
2016/06/17 Javascript
jQuery操作iframe中js函数的方法小结
2016/07/06 Javascript
JS+CSS3实现超炫的散列画廊特效
2016/07/16 Javascript
Javascript 实现匿名递归的实例代码
2017/05/25 Javascript
JS简单生成由字母数字组合随机字符串示例
2018/05/25 Javascript
微信小程序实现倒计时补零功能
2018/07/09 Javascript
vue-cli3搭建项目的详细步骤
2018/12/05 Javascript
详解新手使用vue-router传参时注意事项
2019/06/06 Javascript
关于layui表单中按钮自动提交的解决方法
2019/09/09 Javascript
vue 解除鼠标的监听事件的方法
2019/11/13 Javascript
Node.js API详解之 tty功能与用法实例分析
2020/04/27 Javascript
Python ZipFile模块详解
2013/11/01 Python
Python def函数的定义、使用及参数传递实现代码
2014/08/10 Python
关于你不想知道的所有Python3 unicode特性
2014/11/28 Python
python Django批量导入数据
2016/03/25 Python
python对list中的每个元素进行某种操作的方法
2018/06/29 Python
Django Rest framework之权限的实现示例
2018/12/17 Python
对pandas的算术运算和数据对齐实例详解
2018/12/22 Python
Python把图片转化为pdf代码实例
2020/07/28 Python
授权委托书范本
2014/04/03 职场文书
2014年政协工作总结
2014/12/09 职场文书
工程项目经理岗位职责
2015/02/02 职场文书
《有余数的除法》教学反思
2016/02/22 职场文书
OpenCV-Python实现怀旧滤镜与连环画滤镜
2021/06/09 Python
JS 基本概念详细介绍
2021/10/16 Javascript
Python中递归以及递归遍历目录详解
2021/10/24 Python
JavaScript实现队列结构过程
2021/12/06 Javascript