关于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 相关文章推荐
高性能WEB开发 flush让页面分块,逐步呈现 flush让页面分块,逐步呈现
Jun 19 Javascript
js锁屏解屏通过对$.ajax进行封装实现
Jul 31 Javascript
jQuery Validate表单验证深入学习
Dec 18 Javascript
JavaScript的MVVM库Vue.js入门学习笔记
May 03 Javascript
Bootstrap CSS布局之按钮
Dec 17 Javascript
对比分析Django的Q查询及AngularJS的Datatables分页插件
Feb 07 Javascript
使用Browserify来实现CommonJS的浏览器加载方法
May 14 Javascript
jQuery实现菜单栏导航效果
Aug 15 jQuery
ES6中字符串string常用的新增方法小结
Nov 07 Javascript
全站最详细的Vuex教程
Apr 13 Javascript
vue 做移动端微信公众号采坑经验记录
Apr 26 Javascript
Taro UI框架开发小程序实现左滑喜欢右滑不喜欢效果的示例代码
May 18 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安装为Apache DSO
2006/10/09 PHP
关于php内存不够用的快速解决方法
2013/10/26 PHP
PHPThumb图片处理实例
2014/05/03 PHP
PHP数据对象PDO操作技巧小结
2016/09/27 PHP
PHP sdk实现在线打包代码示例
2020/12/09 PHP
基于jquery的finkyUI插件与Ajax实现页面数据加载功能
2010/12/03 Javascript
JS高级笔记
2011/07/13 Javascript
javascript实现yield的方法
2013/11/06 Javascript
js showModalDialog参数的使用详解
2014/01/07 Javascript
ie8模式下click无反应点击option无反应的解决方法
2014/10/11 Javascript
javascript实现动态加载CSS
2015/01/26 Javascript
Javascript技术栈中的四种依赖注入小结
2016/02/27 Javascript
利用JQuery阻止事件冒泡
2016/12/01 Javascript
详解Node.js读写中文内容文件操作
2018/10/10 Javascript
使用vuex较为优雅的实现一个购物车功能的示例代码
2019/12/09 Javascript
JavaScript基于SVG的图片切换效果实例代码
2020/12/15 Javascript
使用Python的Treq on Twisted来进行HTTP压力测试
2015/04/16 Python
详解在Python中处理异常的教程
2015/05/24 Python
Python文件操作之合并文本文件内容示例代码
2017/09/19 Python
python利用paramiko连接远程服务器执行命令的方法
2017/10/16 Python
Python+OpenCV目标跟踪实现基本的运动检测
2018/07/10 Python
python多进程控制学习小结
2018/10/31 Python
python使用matplotlib画柱状图、散点图
2019/03/18 Python
python求最大值最小值方法总结
2019/06/25 Python
Django Model层F,Q对象和聚合函数原理解析
2020/11/12 Python
python实现简单文件读写函数
2021/02/25 Python
美国领先的精品家居照明和装饰产品在线零售商:LightsOnline.com
2018/01/23 全球购物
一道SQL面试题
2012/12/31 面试题
公司总经理助理岗位职责
2014/07/09 职场文书
个人四风问题原因分析及整改措施
2014/09/28 职场文书
酒店总经理岗位职责
2015/04/01 职场文书
大学入学感言
2015/08/01 职场文书
2016年“6.26”禁毒宣传月系列活动总结
2016/04/05 职场文书
行政后勤人员工作计划应该怎么写?
2019/08/16 职场文书
导游词之五台山
2019/10/11 职场文书
python关于集合的知识案例详解
2021/05/30 Python