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 相关文章推荐
实现复选框全选/全不选切换
Dec 23 Javascript
静态页面下用javascript操作ACCESS数据库(读增改删)的代码
May 14 Javascript
js动态设置div的值下例子
Oct 29 Javascript
可恶的ie8提示缺少id未定义
Mar 20 Javascript
jQuery实现复选框全选/取消全选/反选及获得选择的值
Jun 12 Javascript
JS实现简洁、全兼容的拖动层实例
May 13 Javascript
js实现横向伸展开的二级导航菜单代码
Aug 28 Javascript
JS实现的简单轮播图运动效果示例
Dec 22 Javascript
轻松理解Javascript变量的相关问题
Jan 20 Javascript
express框架中使用jwt实现验证的方法
Aug 25 Javascript
Layui给switch添加响应事件的例子
Sep 03 Javascript
jQuery AJAX应用实例总结
May 19 jQuery
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显示今天、今月、上月、今年的起点/终点时间戳的代码
2011/05/25 PHP
php set_time_limit()函数的使用详解
2013/06/05 PHP
Thinkphp页面跳转设置跳转等待时间的操作
2019/10/16 PHP
slice函数的用法 之不错的应用
2006/12/29 Javascript
Javascript实现CheckBox的全选与取消全选的代码
2010/07/20 Javascript
浅谈关于JavaScript的语言特性分析
2013/04/11 Javascript
Jquery为a标签的href赋值实现代码
2013/05/03 Javascript
js实现按一下删除键删除整个单词附demo
2014/09/05 Javascript
JavaScript代码应该放在HTML代码哪个位置比较好?
2014/10/16 Javascript
jQuery中even选择器的定义和用法
2014/12/23 Javascript
JavaScript使用concat连接数组的方法
2015/04/06 Javascript
详解JavaScript树结构
2017/01/09 Javascript
Vue常用API、高级API的相关总结
2021/02/02 Vue.js
[06:25]第二届DOTA2亚洲邀请赛主赛事第二天比赛集锦.mp4
2017/04/03 DOTA
[57:59]完美世界DOTA2联赛循环赛 Ink Ice vs LBZS BO2第一场 11.05
2020/11/05 DOTA
[32:30]夜魇凡尔赛茶话会 第一期01:谁是卧底
2021/03/11 DOTA
初步介绍Python中的pydoc模块和distutils模块
2015/04/13 Python
Python实现快速排序算法及去重的快速排序的简单示例
2016/06/26 Python
Python管理Windows服务小脚本
2018/03/12 Python
利用python循环创建多个文件的方法
2018/10/25 Python
django和vue实现数据交互的方法
2019/08/21 Python
pywinauto自动化操作记事本
2019/08/26 Python
Python使用QQ邮箱发送邮件实例与QQ邮箱设置详解
2020/02/18 Python
python 装饰器的使用示例
2020/10/10 Python
python 用struct模块解决黏包问题
2020/11/07 Python
新领导上任欢迎词
2014/01/13 职场文书
制药工程专业个人求职自荐信
2014/01/25 职场文书
酒店副总经理岗位职责范本
2014/02/04 职场文书
求职毕业生自荐书
2014/02/08 职场文书
安全标准化实施方案
2014/02/20 职场文书
应聘英语教师求职信
2014/04/24 职场文书
单位婚育证明范本
2014/11/21 职场文书
给客户的感谢信
2015/01/21 职场文书
2015年幼儿园后勤工作总结
2015/04/25 职场文书
Python 处理表格进行成绩排序的操作代码
2021/07/26 Python
高性能跳频抗干扰宽带自组网电台
2022/02/18 无线电