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 相关文章推荐
JSON 编辑器实现代码
Dec 06 Javascript
javascript面向对象编程(一) 实例代码
Jun 25 Javascript
js定时器怎么写?就是在特定时间执行某段程序
Oct 11 Javascript
Python脚本后台运行的几种方式
Mar 09 Javascript
jQuery 操作input中radio的技巧
Jul 18 Javascript
vue.js绑定class和style样式(6)
Dec 09 Javascript
AngularJs表单校验功能实例代码
Feb 09 Javascript
详谈vue+webpack解决css引用图片打包后找不到资源文件的问题
Mar 06 Javascript
vue使用原生js实现滚动页面跟踪导航高亮的示例代码
Oct 25 Javascript
Vuex,iView UI面包屑导航使用扩展详解
Nov 04 Javascript
js布局实现单选按钮控件
Jan 17 Javascript
vue实现几秒后跳转新页面代码
Sep 09 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 cli 方式 在crotab中运行解决
2010/02/08 PHP
PHP基本语法实例总结
2016/09/09 PHP
2017年最新PHP经典面试题目汇总(上篇)
2017/03/17 PHP
PHP实现的XXTEA加密解密算法示例
2018/08/28 PHP
驱动事件的addEvent.js代码
2007/03/27 Javascript
一段多浏览器的&quot;复制到剪贴板&quot;javascript代码
2007/03/27 Javascript
JSON辅助格式化处理方法
2013/03/26 Javascript
Node.js中HTTP模块与事件模块详解
2014/11/14 Javascript
简单谈谈Javascript中类型的判断
2015/10/19 Javascript
JavaScript获取function所有参数名的方法
2015/10/30 Javascript
Bootstrap前端开发案例一
2016/06/17 Javascript
使用iView Upload 组件实现手动上传图片的示例代码
2018/10/01 Javascript
JavaScript相等运算符的九条规则示例详解
2019/10/20 Javascript
js实现AI五子棋人机大战
2020/05/28 Javascript
微信小程序实现上传多张图片、删除图片
2020/07/29 Javascript
python 网络爬虫初级实现代码
2016/02/27 Python
python 实现红包随机生成算法的简单实例
2017/01/04 Python
Python学习笔记之if语句的使用示例
2017/10/23 Python
浅析python表达式4+0.5值的数据类型
2020/02/26 Python
Python 窗体(tkinter)下拉列表框(Combobox)实例
2020/03/04 Python
keras处理欠拟合和过拟合的实例讲解
2020/05/25 Python
详解torch.Tensor的4种乘法
2020/09/03 Python
css3 给背景设置渐变色的方法
2019/09/12 HTML / CSS
CSS3实现时间轴特效
2020/11/02 HTML / CSS
SHEIN香港:价格实惠的女性时尚服装
2018/08/14 全球购物
英国婴儿及儿童产品商店:TigerParrot
2019/03/04 全球购物
微软马来西亚官方网站:Microsoft马来西亚
2019/11/22 全球购物
介绍一下Linux文件的记录形式
2012/04/18 面试题
怎样声明一个匿名的内部类
2016/06/01 面试题
化工工艺专业求职信
2013/09/22 职场文书
转预备党员政审材料
2014/02/06 职场文书
上班打牌检讨书
2014/02/07 职场文书
《桥》教学反思
2014/04/09 职场文书
房屋租赁协议书(标准版)
2014/10/02 职场文书
教师研修随笔感言
2015/11/18 职场文书
解决spring.thymeleaf.cache=false不起作用的问题
2022/06/10 Java/Android