表单序列化获取不到值的原因

在页面上我们经常使用 ajax 提交表单时，出现了表单中有几个input的值是接收不到的，
我也遇到了，经过一番删了改，发现是页面上使用了两个 form 表单，切都是多段式的表单，就会遇到其中一个表单下面的《input》中的属性接不到值，那们我就需要把其中一表单的位置放到最后一个
如下例子：


<form class="form-horizontal" id="formSimple" method="post" enctype="multipart/form-data"><div class="form-group"><label for="inputPassword4" class="col-sm-2 control-label">备注</label><div class="col-sm-10"><textarea class="form-control" type="text"  name="detail" rows="3">${video.detail}</textarea></div></div><div class="form-group"><label for="inputEmail3" class="col-sm-2 control-label">封面图片地址</label>【此时要把这个表单放在最下面，前面的字段才能被接到，如果将 《input》框在下面的字段将会被这个form表单拦截  页面上将获取不到值。
】<form id="uploadForm" enctype="multipart/form-data" method="post"><input type="file" name="imgName" id="uploadImgInput" onchange="fileUpload()"  /></form><div id="photo"> <img  src="${video.image_url}" style="width: 50px;height: 50px"></div><input type="hidden" id="imageUrl" name="image_url" class="form-control" value="${video.image_url}" placeholder="具体的url"></div><div class="form-group"><div class="col-sm-offset-2 col-sm-10"><button type="button" class="btn btn-default" onclick="commitForm()">保存</button></div></div>

表单序列化获取不到值的原因相关推荐

antd如何获取表单的值_JavaScript多个表单序列化获取值
JavaScript多个表单序列化获取值获取数据格式如下: [{inid: "1231", age: "231231", sex: "123&quo ...
使用jquery.form.js提交表单并获取后台返回值
使用jquery.form.js提交表单并获取后台返回值,会把所有有name属性的值提交到后台 1.前台js代码 //使用jquery.form.js提交表单并获取后台返回值,会把所有有name属性的 ...
jQuery中的ajax、jquery中ajax全局事件、load实现页面无刷新局部加载、ajax跨域请求jsonp、利用formData对象向服务端异步发送二进制数据，表单序列化（异步获取表单内容）
jQuery中使用ajax: 在jQuery中使用ajax首先需要引入jQuery包,其引入方式可以采用网络资源,也可以下载包到项目文件中,这里推荐下载包到文件中:市面上有多个版本的jQuery库,这 ...
微信小程序-如何获取用户表单控件中的值
虽互不曾谋面,但希望能和您成为笔尖下的朋友以读书,技术,生活为主,偶尔撒点鸡汤不作,不敷衍,意在真诚吐露,用心分享点击左上方,可关注本刊标星公众号(ID:itclanCoder) 如果不知道如 ...
js进阶 14-8 表单序列化函数serializeArray()和serialize()的区别是什么
js进阶 14-8 表单序列化函数serializeArray()和serialize()的区别是什么一.总结一句话总结:两者都是对表单进行序列化,serializeArray()返回的是json ...
使用.serialize()方法封装表单时获取不到表单数据的问题（最全）
serialize() 表单序列化方法: 如果想要使用.serialize() 方法正确获取数据需要注意一下几点: 1.只会将"成功的控件"序列化为字符串. 1. 控件不能是[禁用 ...
原生js实现form表单序列化的方法
当我们有form表单而且里面的表单元素较多时,咱们总不能一个个去获取表单元素内的值来进行拼接吧!这样会很让人蛋疼!为了方便与后台交互并且提高自己的开发效率,并且不让你蛋疼:我们一起用原生来写一个表单序 ...
ajax异步请求——form表单提交及表单序列化提交
ajax异步请求 AJAX介绍 AJAX 指异步 JavaScript 及 XML(Asynchronous JavaScript And XML),它不是一种新的编程语言,而是一种使用现有标准的新方 ...
表单序列化及问题处理
项目中表单提交较多,一个一个获取比较麻烦. 用表单序列化会遇到几个问题一个是表单中有空格会转化为 + 号一个是空表单仍然会存在但我们并不需要最后是后台一般会要求json格式传输需要转化在网上 ...

表单序列化获取不到值的原因

表单序列化获取不到值的原因相关推荐

最新文章

热门文章