关于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 相关文章推荐
一个用js实现控制台控件的代码
Sep 04 Javascript
jQuery中绑定事件的命名空间详解
Apr 05 Javascript
javaScript 动态访问JSon元素示例代码
Aug 30 Javascript
引入JS文件IE6报语法错误或缺少对象问题的解决方法
Jan 09 Javascript
跟我学习javascript的函数和函数表达式
Nov 16 Javascript
详解jQuery中的deferred对象的使用(一)
May 27 Javascript
AngularJS打开页面隐藏显示表达式用法示例
Dec 25 Javascript
微信小程序 高德地图SDK详解及简单实例(源码下载)
Jan 11 Javascript
js定时器实现倒计时效果
Nov 05 Javascript
vue登录注册及token验证实现代码
Dec 14 Javascript
解决vue项目中页面调用数据 在数据加载完毕之前出现undefined问题
Nov 14 Javascript
js实现三角形粒子运动
Sep 22 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版(1)
2006/10/09 PHP
php include,include_once,require,require_once
2008/09/05 PHP
批量获取memcache值并按key的顺序返回的实现代码
2011/06/14 PHP
zf框架的db类select查询器join链表使用示例(zend框架)
2014/03/14 PHP
linux使用crontab实现PHP执行计划定时任务
2014/05/10 PHP
完美的2个php检测字符串是否是utf-8编码函数分享
2014/07/28 PHP
PHP面向对象程序设计之接口的继承定义与用法详解
2018/12/20 PHP
PHP实现财务审核通过后返现金额到客户的功能
2019/07/04 PHP
jquery和javascript的区别(常用方法比较)
2013/07/04 Javascript
jQuery实现购物车多物品数量的加减+总价计算
2014/06/06 Javascript
js实现iPhone界面风格的单选框和复选框按钮实例
2015/08/18 Javascript
Easyui form combobox省市区三级联动
2016/01/13 Javascript
JS及PHP代码编写八大排序算法
2016/07/12 Javascript
用js制作淘宝放大镜效果
2020/10/28 Javascript
js获取文件里面的所有文件名(实例)
2017/10/17 Javascript
JavaScript设计模式之模板方法模式原理与用法示例
2018/08/07 Javascript
简单了解JavaScript arguement原理及作用
2020/05/28 Javascript
js节流防抖应用场景,以及在vue中节流防抖的具体实现操作
2020/09/21 Javascript
python中查找excel某一列的重复数据 剔除之后打印
2013/02/10 Python
python采集博客中上传的QQ截图文件
2014/07/18 Python
Python中的闭包实例详解
2014/08/29 Python
python+opencv实现动态物体追踪
2018/01/09 Python
django框架之cookie/session的使用示例(小结)
2018/10/15 Python
详解python使用turtle库来画一朵花
2019/03/21 Python
Kali Linux安装ipython2 和 ipython3的方法
2019/07/11 Python
Python 字节流,字符串,十六进制相互转换实例(binascii,bytes)
2020/05/11 Python
python 基于opencv实现高斯平滑
2020/12/18 Python
纯CSS3制作的鼠标悬停时边框旋转
2017/01/03 HTML / CSS
亚马逊印度站:Amazon.in
2017/10/15 全球购物
房地产项目策划书
2014/02/05 职场文书
邹越感恩父母演讲稿
2014/08/28 职场文书
大专生自我鉴定怎么写
2014/09/16 职场文书
挂职锻炼工作总结2015
2015/05/28 职场文书
Ajax实现局部刷新的方法实例
2021/03/31 Javascript
Oracle 区块链表创建过程详解
2021/05/15 Oracle
MySQL transaction事务安全示例讲解
2022/06/21 MySQL