关于textarea提交的内容无法换行的解决办法_基础知识

当我们在页面上通过 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 还有更高级的用法,大家可以相关文档获取更多更多的高级用法。

时间: 2024-11-18 06:24:40

关于textarea提交的内容无法换行的解决办法_基础知识的相关文章

解决js正则匹配换行问题实现代码_基础知识

复制代码 代码如下: <div id="main"> <div id="left"> </div> <div id="right"> php </div> </div> 如果DIV内没有内容则不换行 把上面的改为: 复制代码 代码如下: <div id="main"> <div id="left"></di

asp和php下textarea提交大量数据发生丢失的解决方法_php技巧

我用textarea提交大量的阿数据 我开始字段类型选的是mediumtext,数据有丢失 后来我改成了longtext,数据依然丢失, 而且发现和mediumtext提交到数据库中的数据量是一样的, 并没有增加.该怎样解决呢? asp下只需要用下面的方法即可 复制代码 代码如下: Sub Content()     Dim i,sContent     ' 取提交过来的数据     ' 据说对大表单的自动处理,要使用循环,否则大于100K的内容将有可能取不到,单个表单项的限制为102399字节

Asp.net中阻止页面按钮多次提交的解决办法_实用技巧

问题背景: 手头上的KPI分类评级考核系统,页面的提交按钮是用LinkButton或者Button做的.当大量用户同时在线访问该站点时,应用程序服务器出现CPU占用100%的糟糕状况,页面会卡住不动,用户不明情况连续点击提交按钮重复提交,造成数据库中出现大量的重复数据. 其实,即便服务器没有崩掉,快速频繁点击提交按钮,也会出现重复提交的问题. 尝试过:1)在提交按钮的点击事件里设置提交按钮的Enabled属性 Enabled = false; ,这个属性设置在未拿到新页面前是无效的,问题依然存在

网页中表单按回车就自动提交的问题的解决方案_基础知识

1.当form表单中只有一个<input type="text" name="name" />时按回车键将会自动将表单提交. 复制代码 代码如下: <form id="form1" action="post.php" method="post">       <input type="text" name="name" />   &

文章内容页广告浮于左上角的解决办法_经验交流

这个是整页代码,你可以看着改了,也可以保存成HTML文件,完了试试看就知道了,主要用的CSS+DIV 上面的东西移到模板中,下面的东西也是一样~完了就行了~ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://

DOM相关内容速查手册_基础知识

object 返回包含的对象.   offscreenBuffering 设置或获取对象在对用户可见之前是否要先在屏幕外绘制.   offsetHeight 获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度.   offsetLeft 获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置.   offsetParent 获取定义对象 offsetTop 和 offsetLeft 属性的容器对象的引用.   offsetTop 获取对象相对

document.write与writeln的输出内容区别说明_基础知识

document.write() //将内容写入文档,当前编辑位置为写入的内容的后一个字符 document.writeln() //将内容写入文档,并添加一个换行符,当前编辑位置为写入的内容的后一行 document.write()和document.writeln都是JavaScript向客户端写入的方法,writeln是以行方式输出的,但并不是指页面实际效果中的换行,两种方法在查看源代码时才看得出区别,除非是输出到pre或xmp元素内 测试一下: [Ctrl+A 全选 注:如需引入外部Js

Form提交打开固定大小窗口的解决办法

解决 <!-- 将数据提交到一个固定大小的窗口页面 之所以window的name在后面来赋值,是为了提高打开一个新页面的效率,一般来说 我们要打开一个固定名称的窗口时,比如window.open "xxx.asp","windowname" 如果客户端打开多个IE窗口,window.open的时候会首先检测客户端每个IE窗口是否有重名, 如果有重名会直接提交到重名窗体中,在这里有一个检测的过程,所以打开速度会非常慢. 所以在这里使用的是先打开页面,后赋name

Document对象内容集合(比较全)_基础知识

document 文挡对象 - JavaScript脚本语言描述 ----------------------- 注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写 否则会提示你一个错误信息 "引用的元素为空或者不是对象\\\\\" ----------------------- 对象属性 document.title //设置文档标题等价于HTML的title标签 document.bgColor //设置页面背景色 document.fgColor //设