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 相关文章推荐
JavaScript监测ActiveX控件是否已经安装过的代码
Sep 02 Javascript
Javascript 面向对象编程(一) 封装
Aug 28 Javascript
更换select下拉菜单背景样式的实现代码
Dec 20 Javascript
多种方法实现360浏览器下禁止自动填写用户名密码
Jun 16 Javascript
再探JavaScript作用域
Sep 24 Javascript
基于JavaScript实现图片点击弹出窗口而不是保存
Feb 06 Javascript
第一次接触神奇的Bootstrap导航条
Aug 09 Javascript
详解使用Node.js 将txt文件转为Excel文件
Jul 05 Javascript
ligerUI---ListBox(列表框可移动的实例)
Nov 28 Javascript
vue移动端弹框组件的实例
Sep 25 Javascript
Ajax实现页面无刷新留言效果
Mar 24 Javascript
如何理解Vue前后端数据交互与显示
May 10 Vue.js
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
ThinkPHP的Widget扩展实例
2014/06/19 PHP
php修改文件上传限制方法汇总
2015/04/07 PHP
PHP使用flock实现文件加锁的方法
2015/07/01 PHP
php调用自己java程序的方法详解
2016/05/13 PHP
WAF的正确bypass
2017/01/05 PHP
javascript权威指南 学习笔记之javascript数据类型
2011/09/24 Javascript
js精度溢出解决方案
2012/12/02 Javascript
12种不宜使用的Javascript语法整理
2013/11/04 Javascript
js获取时间(本周、本季度、本月..)
2013/11/22 Javascript
浅谈Javascript中匀速运动的停止条件
2014/12/19 Javascript
JavaScript插件化开发教程(六)
2015/02/01 Javascript
JS获取下拉框显示值和判断单选按钮的方法
2015/07/09 Javascript
微信小程序自定义select下拉选项框组件的实现代码
2018/08/28 Javascript
用WebStorm进行Angularjs 2开发(环境篇:Windows 10,Angular-cli方式)
2018/12/05 Javascript
vue指令做滚动加载和监听等
2019/05/26 Javascript
解决vue中axios设置超时(超过5分钟)没反应的问题
2020/09/04 Javascript
[04:16]DOTA2英雄梦之声_第09期_斧王
2014/06/21 DOTA
python开发之list操作实例分析
2016/02/22 Python
python生成tensorflow输入输出的图像格式的方法
2018/02/12 Python
Python数据类型之Number数字操作实例详解
2019/05/08 Python
在Pycharm中使用GitHub的方法步骤
2019/06/13 Python
使用TensorFlow-Slim进行图像分类的实现
2019/12/31 Python
Python openpyxl模块原理及用法解析
2020/01/19 Python
sqlalchemy实现时间列自动更新教程
2020/09/02 Python
Footshop乌克兰:运动鞋的最大选择
2019/12/01 全球购物
利用异或运算实现两个无符号数的加法运算
2013/12/20 面试题
命名空间(namespace)和程序集(Assembly)有什么区别
2015/09/25 面试题
八年级历史教学反思
2014/01/10 职场文书
经典的毕业生自荐信范文
2014/04/14 职场文书
初一学生期末评语
2014/04/24 职场文书
语文课外活动总结
2014/08/27 职场文书
教师群众路线教育实践活动学习笔记
2014/11/05 职场文书
推销搭讪开场白
2015/05/28 职场文书
2016年寒假学习心得体会
2015/10/09 职场文书
使用CSS3实现按钮悬停闪烁动态特效代码
2021/08/30 HTML / CSS
MySQL 原理与优化之原数据锁的应用
2022/08/14 MySQL