关于textarea提交的内容无法换行的解决办法


Posted in Javascript onApril 09, 2013

当我们在页面上通过 textarea 提交数据的时候,我们我们输入的内容在提交后都会被处理为了一段内容,即使我们在 textarea 里面输入了很多的换行,提交后也是一段内容,那如果我们需要将我们输入的信息按照输入的形式保存下来该如何做呢?

这里面存在一个主要的问题是在页面显示的时候换行符是 <br /> 标签,而内容在 textarea 中显示时的换行符是 \n ,下面介绍一种方法通过 js 将输入的内容中的换行符转换为网页中的换行符。在网页数据提交钱作如下处理即可。

<script type="text/javascript"> 
//回车转换行
var content=document.getElementById("content").value; 
content=content.replace('\n','<br />'); 
document.getElementById("content").value=content;
//然后提交
</script>

在页面中显示的时候同样需要经过一下处理,与以上处理过程正好相反:

content=content.replace('<br />','\n');

下面对 js 的 replace 函数做一下解释:

语法:

stringObject.replace(regexp/substr,replacement)

replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。

一、替换单个字符

<script language="javascript">
var str="javascript is a good script language";
alert(str.replace("a","A"));//输出jAvascript is a good script language
</script>

二、替换字符串中存在的指定的所有字符(全部替换)

<script language="javascript">
var str="javascript is a good script language";
alert(str.replace(/a/g,"A"));//输出jAvAscript is A good script lAnguAge
</script>

上述的/g,是正则表达式,这说明,在replace()还可以使用正则表达式。

当然 replace 还有更高级的用法,大家可以相关文档获取更多更多的高级用法。


Javascript 相关文章推荐
JQuery教学之性能优化
May 14 Javascript
jQuery 过滤方法filter()选择具有特殊属性的元素
Jun 15 Javascript
javascript制作的简单注册模块表单验证
Apr 13 Javascript
js拆分字符串并将分割的数据放到数组中的方法
May 06 Javascript
基于AngularJS+HTML+Groovy实现登录功能
Feb 17 Javascript
JQuery Ajax WebService传递参数的简单实例
Nov 02 Javascript
Bootstrap路径导航与分页学习使用
Feb 08 Javascript
Javascript实现从小到大的数组转换成二叉搜索树
Jun 13 Javascript
Bootstrap一款超好用的前端框架
Sep 25 Javascript
input type=file 选择图片并且实现预览效果的实例
Oct 26 Javascript
VUE接入腾讯验证码功能(滑块验证)备忘
May 07 Javascript
解决Antd 里面的select 选择框联动触发的问题
Oct 24 Javascript
关于JQuery($.load)事件的用法和分析
Apr 09 #Javascript
关于JS判断图片是否加载完成且获取图片宽度的方法
Apr 09 #Javascript
关于JavaScript中的关联数组分析
Apr 09 #Javascript
分析Node.js connect ECONNREFUSED错误
Apr 09 #Javascript
Node.js生成HttpStatusCode辅助类发布到npm
Apr 09 #Javascript
jQuery学习笔记(3)--用jquery(插件)实现多选项卡功能
Apr 08 #Javascript
jQuery学习笔记(2)--用jquery实现各种模态提示框代码及项目构架
Apr 08 #Javascript
You might like
PHP中冒号、endif、endwhile、endfor使用介绍
2010/04/28 PHP
PHP表单提交表单名称含有点号(.)则会被转化为下划线(_)
2011/12/14 PHP
Laravel 4.2 中队列服务(queue)使用感受
2014/10/30 PHP
PHP数据库表操作的封装类及用法实例详解
2016/07/12 PHP
关于laravel 数据库迁移中integer类型是无法指定长度的问题
2019/10/09 PHP
tp5修改(实现即点即改)
2019/10/18 PHP
javascript iframe内的函数调用实现方法
2009/07/19 Javascript
JavaScript 一道字符串分解的题目
2011/08/03 Javascript
基于jQuery的计算文本框字数的代码
2012/06/06 Javascript
jQuery超赞的评分插件(8款)
2015/08/20 Javascript
JS+CSS实现六级网站导航主菜单效果
2015/09/28 Javascript
学习使用bootstrap3栅格系统
2016/04/12 Javascript
深入理解ECMAScript的几个关键语句
2016/06/01 Javascript
angularJs关于指令的一些冷门属性详解
2016/10/24 Javascript
解决LayUI数据表格复选框不居中显示的问题
2019/09/25 Javascript
在vue项目中引用Antv G2,以饼图为例讲解
2020/10/28 Javascript
[58:12]Ti4第二日主赛事败者组 LGD vs iG 3
2014/07/21 DOTA
[10:21]2018DOTA2国际邀请赛寻真——Winstrike
2018/08/11 DOTA
解决django FileFIELD的编码问题
2020/03/30 Python
Myprotein加拿大官网:欧洲第一的运动营养品牌
2018/01/06 全球购物
Pam & Gela官网:美国性感前卫女装品牌
2018/07/19 全球购物
戴尔新加坡官网:Dell Singapore
2020/12/13 全球购物
医学毕业生自荐信
2013/10/11 职场文书
后勤自我鉴定
2013/10/13 职场文书
工商技校毕业生自荐信
2013/11/15 职场文书
大学生优秀自荐信范文
2014/02/25 职场文书
幼儿园门卫岗位职责范本
2014/07/02 职场文书
创先争优承诺书
2015/01/20 职场文书
反邪教警示教育活动总结
2015/05/09 职场文书
统招统分证明
2015/06/23 职场文书
机械原理课程设计心得体会
2016/01/15 职场文书
介绍信应该怎么开?
2019/04/03 职场文书
nginx proxy_cache 缓存配置详解
2021/03/31 Servers
Python语言规范之Pylint的详细用法
2021/06/24 Python
Redis的字符串是如何实现的
2021/10/24 Redis
MySQL详解进行JDBC编程与增删改查方法
2022/06/16 MySQL