jQuery form.serialize()方法获取textarea表单内容时自动添加额外的\r

最新推荐文章于 2022-04-14 16:39:54 发布
转载 最新推荐文章于 2022-04-14 16:39:54 发布 · 800 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://my.oschina.net/adaikiss/blog/1523619
文章标签：

#javascript #ViewUI

本文揭示了使用jQuery的form.serialize()方法时，textarea内容会被自动添加 字符，导致前后端长度计算不一致的问题。此现象源于textarea.val()与form.serialize()处理换行符的不同方式。

jQuery的form.serialize()方法在获取textarea内容时会自动加上\r，所以如果你用JS计算textarea长度，会与在后台计算的长度不一致。 如textarea中内容为

1
2
3

用textarea.val()获取到的值是1\n2\n3，但是通过form.serialize()方法获取到的却是1\r\n2\r\n3，所以后台获取到的内容会多两个字符。

转载于:https://my.oschina.net/adaikiss/blog/1523619

chusong9326
关注
jQuery实现ajax提交form表单（可以是提交json），用springmvc接收。图文详解
ice-wee的专栏
11-30 2万+
开篇：为什么要写这篇博客？ 1 有的作者写了form表单提交，却没有写springmvc怎么接收，给广大的小白身心造成巨大的伤害。 题外话： 亲们，今天很不开森，股市跌了，我不得不离开股市回到博客！而且原来的昵称wabiaozai密码忘了，于是换个网名，想取个藏名，吃不准叫“加仓没错”还是“平仓没错”？朋友们建议的许多名字都是佛法艰深寓意隽远，让我在思想进一步混乱中领悟了许多人生哲理。最后决
使用 jQuery.form.serialize() 获取表单数据后转成 json
IT_cancer的博客
01-24 7405
HTML: Name Email Password JavaScript： (function ($) { $.fn.serializeFormJSON = function ()
jquery .serialize()乱码
烂锅烂铁
01-11 162
原因：.serialize()自动调用了encodeURIComponent方法将数据编码了 解决方法：调用decodeURIComponent(XXX,true);将数据解码 例如： var params = jQuery("#formId").serialize(); // http request parameters. params = decodeURIComponent(par...
js实现提取textarea文本信息，然后进行处理
Sunset_Sunshine的博客
04-13 2159
js实现提取textarea文本信息，然后进行处理 提取textarea文本信息，并提出其中A-Z字母出现的次数，并算出频率，然后从大到小排序 提取textarea文本信息 document.getElementById(“textarea类名”).value； 因为文本信息有大小写,所以先将文本信息都转换为大写或者小写 .toUpperCase() 方法可以将字符串里的小写转换为大写 遍历字符串，然后提取每个字母出现的次数，记录到表单中 通过A-Z字母的ASCII码对比每个字符串中的每个字
TEXTAREA去空格问题
ljz520lx的专栏
08-30 376
提交表单后显示的内容前出现大段的空格，使用trim（）也没有效果，其实原因很简单。 控件没有value属性，文本内容一般都是这样显示文本信息。但如果你的代码是这样写的 .....文本信息..... ，那么肯定就会出现上述问题。去掉文本前的空格只需要改成这样，文本信息。记住千万不要将首尾标签换行，不然它会将/n也当做是它的文本内容。...
简单所以不要忽视，关于\r\n和\n程序员应了解的实际应用
weixin_34212762的博客
06-19 264
众所周知，\r叫回车符,\n叫换行符。 由于历史原因，windows环境下的换行符是\r\n;(文章最后会稍微解释这个历史原因) linux和html等开源或公开标准中的换行符是\n.   记录这篇笔记的原因是： textarea中含换行符时，在C#中接收后自动增加了一个\r符号。假设这个字段叫Name nvarchar(50)，由于自动增加了一个\r符号，在前台验证明明通过了，但是保存...
jquery form表单获取内容以及绑定数据
10-22
在jQuery中，获取表单数据通常使用`.serialize()`方法，它能够将表单元素内容编码成一个URL编码文本字符串。`.serialize()`通常在提交表单时使用，但在某些情况下，开发者可能需要以JSON格式获取表单数据，这就需要...
jquery.serialize() 函数语法及简单实例
11-23
在这个例子中，当用户点击按钮`#btn`时，`serialize()`方法将表单数据转化为字符串，并通过`$.ajax()`发送POST请求到指定的URL。 总的来说，`jQuery.serialize()`函数是实现动态表单提交和异步数据交换的关键工具，...
jQuery-serialize()输出序列化form表单值的方法
10-27
jQuery-serialize() 方法是 jQuery 库提供的一种便捷方式，用来序列化一个表单（form）中的数据，即将表单中的数据转换成一个 URL 编码的文本字符串。在进行 AJAX 请求时，这个字符串可以直接用作 URL 的查询字符串...
jquery.serialize() 函数语法及简洁实例_.docx
10-09
需要注意的是，被选取的表单元素必须拥有有效的name属性，因为serialize方法是基于name属性来获取表单元素值的。 ### 简洁实例 为了更直观地理解serialize()方法的使用，下面将通过一个简洁的实例进行说明。 假设...
jquery form表单序列化，并ajax实现提交后台
mr_lili_1986的博客
04-14 8308
jquery form表单序列化，并ajax实现提交后台
记 jquery serialize 不能提交textarea的坑
lvzhyt的专栏
07-19 2888
jquery serialize 不能提交textarea var data = $("#coupon_form").serialize();   <textarea class="w300" name="couponDescText" id="couponDesc" rows="3" disabled >${coupon.couponDesc}</textar
jQuery序列化表单的方法总结（serialize()、serializeArray()）
qq_26679095的博客
03-29 1833
jQuery序列化表单的方法<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../js/jquery-3.2.
jQuery ajax - serializeArray() 方法 实例表单提交
jijinduoduo的博客
07-26 303
serializeArray()在ajax表单提交时候非常方便获取元素 定义和用法 serializeArray() 方法通过序列化表单值来创建对象数组(名称和值)。 您可以选择一个或多个表单元素(比如 input 及/或 textarea)，或者 form 元素本身。 语法 $(selector).serializeArray() 返回的 JSON 对象是由一个对象数组组成的，其中每个对象...
如何在form.serialize中获取下拉值和文本？
Puppet___的博客
01-19 878
使用ajax方式获取表单中下拉列表的数据并提交给服务器 HTML页面 <form id="form-add"> <input type="text" value="" name="username"> <input type="text" value="" name="password"> <select id="gender"> <option value="1" selected="selected">男</option>
php返回的数据带有 r n r n,php如何获取textarea的值并处理回车换行(\r\n)的方法
weixin_28755847的博客
03-13 414
php如何获取textarea的值并处理回车换行(\r\n)的方法分类：PHP_Python| 发布：佚名| 查看： | 发表时间：2015/2/17本文实例讲述了php获取textarea的值并处理回车换行的方法。分享给大家供大家参考。具体实现方法如下：一般来说，在html表单中textarea中我们按回车与换行都是一些ascii或特殊的字符的编码，如果不进行转换输出文字是没的排版的。php获取...
表单提交中的成功控件
weixin_30483495的博客
11-05 251
浏览器并不是将所有的表单控件全部发送到服务器的，而是会查找所有的【成功控件】，只将这些成功控件的数据发送到服务端， 什么是成功控件呢？简单地来说，成功控件就是：每个表单中的控件都应该有一个name属性对于一些特殊情况，成功控件还有以下规定：1. 控件不能是【禁用】状态，即指定【disabled="disabled"】。即：禁用的控件将不是成功控件。2. 如果一个表单包含了多个提交按键，那么仅当用户...
使用ckeditor在Ajax 序列化表单提交时不能获取 textarea 的值 解决方案
LHL的博客
08-03 5292
最早遇到这个问题的时候因为只有一个富文本编辑所以网上找了方案解决了下，就没怎么管，当时是用这种方式放的富文本 editor=CKEDITOR.replace('ckedit',{ height: '600px', width: 'auto' }); 在拿取不了值的时候，用 var content = editor.getData(); 的方式获取了富文本里的内容。 今天又遇到了这
使用jquery.serializeJSON轻松序列化表单数据
在前端开发中，当处理包含大量数据的表单时，通常需要将表单数据转换为JavaScript对象以便通过Ajax进行异步提交，而不是使用传统的Form表单提交方式。在这样的场景下，手动处理每个表单字段的值会变得繁琐且效率低下...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值