文本域中换行符的替换示例


Posted in Javascript onMarch 04, 2014

说明:代码在实际项目中测试通过,我已经省去些不重要的,大家可以重点看颜色标记的部分

前戏:

问:为什么做这个呢??

答:项目中有个将录入的文本域文字保存到数据库中。‘查看时'从数据库获取相应数据,显示在文本域中。开发期间发现换行符使用jquery 的val() 还是text()获取后不做处理,保存数据库中没有换行了,自然取出来显示也就没有换行符了!由此写了下面的文章…………有点??掳。

<%@ page contentType="text/html;charset=UTF-8" %> 
<script type="text/javascript"> 
// 文本域换行处理 
// 初始化时将后台传回的数据经行处理,将@@@@替换成换行符\n\r 
$(document).ready(function(){ 
var content = '从后台获取的值'; 
if(content !='' ){ 
// 全局替换 
content = content.replace(/@@@@/g,'\n\r'); 
$("#content").attr("value",content); 
} 
}); // 提交保存时将换行符\n\r换成@@@@ 
function doSubmit() { 
var content = $("#content").val().replace(/\n/g,"@@@@"); 
if(content == null || content==""){ 
alert("请填写备注说明!"); 
return; 
} 
$("#updateForm").attr("method","get"); 
$("#updateForm").attr("action", url); 
$("#updateForm").submit(); 
} 
</script> 
<div class="layout-bd"> 
<div class="wrapper fix-float"> 
<div class="se se-e"> 
<div class=".layout-ft .copyright"><p><font face="华文行楷" size="10">约谈方案</font></p> 
</div> 
<div> 
<div> 方案<br><hr></div> 
<div> 
备注说明: 
<div > 
<textarea id="content" rows="15" cols="50"></textarea> 
</div> 
</div> 
</div> 
<div > 
<a id="submit_btn" class="btn btn-save" onclick="doSubmit();">保存</a> 
</div> 
<form id="updateForm" method="get"> 
</form> 
</div> 
</div> 
</div>
Javascript 相关文章推荐
JavaScript获取页面上某个元素的代码
Mar 13 Javascript
FireFox下XML对象转化成字符串的解决方法
Dec 09 Javascript
Js如何判断客户端是PC还是手持设备简单分析
Nov 22 Javascript
javascript格式化json显示实例分析
Apr 21 Javascript
jQuery代码实现表格中点击相应行变色功能
May 09 Javascript
JS组件Bootstrap实现图片轮播效果
May 16 Javascript
Js查找字符串中出现次数最多的字符及个数实例解析
Sep 05 Javascript
让微信小程序支持ES6中Promise特性的方法详解
Jun 13 Javascript
EasyUI在Panel上动态添加LinkButton按钮
Aug 11 Javascript
Vue引用第三方datepicker插件无法监听datepicker输入框的值的解决
Jan 27 Javascript
vue的keep-alive用法技巧
Aug 15 Javascript
vue input标签通用指令校验的实现
Nov 05 Javascript
为jquery的ajaxfileupload增加附加参数的方法
Mar 04 #Javascript
Document.location.href和.replace的区别示例介绍
Mar 04 #Javascript
LABjs、RequireJS、SeaJS的区别
Mar 04 #Javascript
js的Boolean对象初始值示例
Mar 04 #Javascript
js动态拼接正则表达式的两种方法
Mar 04 #Javascript
8个实用的jQuery技巧
Mar 04 #Javascript
js中top的作用深入剖析
Mar 04 #Javascript
You might like
哪吒敖丙传:新人物二哥敖乙出场 小敖丙奶气十足
2020/03/08 国漫
php auth_http类库进行身份效验
2009/03/19 PHP
php实现过滤表单提交中html标签的方法
2014/10/17 PHP
php 删除一维数组中某一个值元素的操作方法
2018/02/01 PHP
PHP获取HTTP body内容的方法
2018/12/31 PHP
PHP 观察者模式深入理解与应用分析
2019/09/25 PHP
window.location和document.location的区别分析
2008/12/23 Javascript
FusionCharts图表显示双Y轴双(多)曲线
2012/11/22 Javascript
jQuery实现随意改变div任意属性的名称和值(部分原生js实现)
2013/05/28 Javascript
javascript如何动态加载表格与动态添加表格行
2013/11/27 Javascript
js判断60秒以及倒计时示例代码
2014/01/24 Javascript
jquery实现网页查找功能示例分享
2014/02/12 Javascript
ext前台接收action传过来的json数据示例
2014/06/17 Javascript
JavaSciprt中处理字符串之sup()方法的使用教程
2015/06/08 Javascript
纯javascript实现图片延时加载方法
2015/08/21 Javascript
vuex的使用及持久化state的方式详解
2018/01/23 Javascript
javascript闭包的使用之按钮切换功能
2018/08/30 Javascript
JS简单判断是否在微信浏览器打开的方法示例
2019/01/08 Javascript
基于原生JS封装的Modal对话框插件的示例代码
2020/09/09 Javascript
在vue中嵌入外部网站的实现
2020/11/13 Javascript
理解Python中的With语句
2015/02/02 Python
详细介绍Python中的偏函数
2015/04/27 Python
Python读取系统文件夹内所有文件并统计数量的方法
2018/10/23 Python
python 接收处理外带的参数方法
2018/12/03 Python
Python3.8.2安装包及安装教程图文详解(附安装包)
2020/11/28 Python
如何用css3实现switch组件开关的方法
2018/02/09 HTML / CSS
Ryderwear澳洲官网:澳大利亚高端健身训练装备品牌
2018/09/18 全球购物
德国户外商店:eXXpozed
2020/07/25 全球购物
酒店工作职员求职简历的自我评价
2013/10/23 职场文书
应届生人事助理求职信
2013/11/09 职场文书
法学毕业生自荐信
2013/11/13 职场文书
物流专业大学生职业生涯规划书范文
2014/01/15 职场文书
食品业务员岗位职责
2014/03/18 职场文书
环保宣传标语
2014/06/12 职场文书
2014年班组工作总结
2014/11/20 职场文书
学校通报表扬范文
2015/05/04 职场文书