当前位置: 首页 > 编程笔记 >

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

楚知
2023-03-14
本文向大家介绍layer.open 获取不到表单信息的解决方法,包括了layer.open 获取不到表单信息的解决方法的使用技巧和注意事项,需要的朋友参考一下

表单:

<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> &nbsp;</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 获取不到表单信息的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍解决LayUI表单获取不到data的问题,包括了解决LayUI表单获取不到data的问题的使用技巧和注意事项,需要的朋友参考一下 前几天用LayUI表单进行AJAX提交的时候发现,function(data)里的data始终无法获取表单里填的值,当时我认为是出BUG了就用了$('#updateform').serialize()来获取表单数据 但是今天问题又来了,我发现我的LayUI

  • 本文向大家介绍解决layer.open弹出框不能获取input框的值为空的问题,包括了解决layer.open弹出框不能获取input框的值为空的问题的使用技巧和注意事项,需要的朋友参考一下 最近使用layer框架来做页面弹出框操作。总是不能获取弹出框中input的值,代码如下:红色标记区域 添加js代码 添加html代码 弹出框如下图: 点击保存就是不能获取input的值,总是为空字符串。 后来

  • // axios 响应拦截 axiosInstance.interceptors.response.use( (res) => { 只打印出下面的数据, 实际上接口headers 返回了很多数据,为什么其他数据获取不到,如Access-Token属性?

  • 本文向大家介绍php获取图片信息的方法详解,包括了php获取图片信息的方法详解的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了php获取图片信息的方法。分享给大家供大家参考,具体如下: getimagesize() 函数将测定任何 GIF,JPG,PNG,SWF,SWC,PSD,TIFF,BMP,IFF,JP2,JPX,JB2,JPC,XBM 或 WBMP 图像文件的大小并返回图像的尺寸以

  • 接口说明 获取单体化信息 如需调用,请访问 开发者文档 来查看详细的接口使用说明 该接口仅开放给已获取SDK的开发者 API地址 GET /api/attach/1.0.0/getAttach 是否需要登录 是 请求字段说明 参数 类型 请求类型 是否必须 说明 id string form 是 场景ID 响应字段说明 无 响应成功示例 { "code": 200, "data": "at

  • 本文向大家介绍详解javascript获取url信息的常见方法,包括了详解javascript获取url信息的常见方法的使用技巧和注意事项,需要的朋友参考一下 先以“http://www.cnblogs.com/wuxibolgs329/p/6188619.html#flag?test=12345”为例,然后获得它的各个组成部分。 1、获取页面完整的url 2、获取页面的域名 3、获取url协议