关于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 相关文章推荐
javascript flash下fromCharCode和charCodeAt方法使用说明
Jan 12 Javascript
Jquery跨域获得Json时invalid label错误的解决办法
Jan 11 Javascript
在JavaScript里防止事件函数高频触发和高频调用的方法
Sep 06 Javascript
jQuery+PHP打造滑动开关效果
Dec 16 Javascript
jQuery表单美化插件jqTransform使用详解
Apr 12 Javascript
基于jQuery实现页面搜索功能
Mar 26 Javascript
在bootstrap中实现轮播图实例代码
Jun 11 Javascript
Angularjs的键盘事件的绑定
Jul 27 Javascript
js实现手机web图片左右滑动效果
Dec 29 Javascript
vue router 跳转时打开新页面的示例方法
Jul 28 Javascript
使用kbone解决Vue项目同时支持小程序问题
Nov 08 Javascript
VUE 直接通过JS 修改html对象的值导致没有更新到数据中解决方法分析
Dec 02 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
10条PHP编程习惯助你找工作
2008/09/29 PHP
叫你如何修改Nginx与PHP的文件上传大小限制
2014/09/10 PHP
PHP生成各种常见验证码和Ajax验证过程
2016/01/10 PHP
浅析Yii2集成富文本编辑器redactor实例教程
2016/04/25 PHP
php删除二维数组中的重复值方法
2018/03/12 PHP
用按钮控制iframe显示的网页实现方法
2013/02/04 Javascript
Jqgrid表格随窗口大小改变而改变的简单实例
2013/12/28 Javascript
jQuery双向列表选择器select版
2016/11/01 Javascript
深入理解jQuery.data() 的实现方式
2016/11/30 Javascript
jQuery简单获取DIV和A标签元素位置的方法
2017/02/07 Javascript
微信小程序scroll-view实现横向滚动和上拉加载示例
2017/03/06 Javascript
微信小程序获取循环元素id以及wx.login登录操作
2017/08/17 Javascript
JS实现的文字间歇循环滚动效果完整示例
2018/02/13 Javascript
浅谈Vue.js 关于页面加载完成后执行一个方法的问题
2019/04/01 Javascript
详解Vue中的scoped及穿透方法
2019/04/18 Javascript
JS数组push、unshift、pop、shift方法的实现与使用方法示例
2020/04/29 Javascript
vue.js watch经常失效的场景与解决方案
2021/01/07 Vue.js
树莓派中python获取GY-85九轴模块信息示例
2013/12/05 Python
python 打印直角三角形,等边三角形,菱形,正方形的代码
2017/11/21 Python
Python实现的选择排序算法示例
2017/11/29 Python
Python实现的质因式分解算法示例
2018/05/03 Python
css3实现动画的三种方式
2020/08/24 HTML / CSS
全球知名旅游社区巴西站点:TripAdvisor巴西
2016/07/21 全球购物
LookFantastic丹麦:英国美容护肤精品在线商城
2016/08/18 全球购物
加拿大最大的相机店:Henry’s
2017/05/17 全球购物
Hunkemöller西班牙:欧洲最大的内衣连锁店
2018/08/15 全球购物
法国购买隐形眼镜和眼镜网站:Optical Center
2019/10/08 全球购物
递归计算如下递归函数的值(斐波拉契)
2012/02/04 面试题
高中体育教学反思
2014/01/29 职场文书
幼儿园中班开学寄语
2014/04/03 职场文书
个人三严三实对照检查材料思想汇报
2014/09/22 职场文书
教学改革问题查摆整改措施
2014/09/27 职场文书
教师党员整改措施
2014/10/24 职场文书
学习党的群众路线教育实践活动心得体会范文
2014/11/03 职场文书
高三英语复习计划
2015/01/19 职场文书
小学秋季运动会加油口号及加油稿
2019/08/19 职场文书