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


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 相关文章推荐
jquery1.5.1中根据元素ID获取元素对象的代码
Apr 02 Javascript
js异常捕获方法介绍
Apr 10 Javascript
JavaScript用Number方法实现string转int
May 13 Javascript
jQuery插件Tooltipster实现漂亮的工具提示
Apr 12 Javascript
jQuery实现漂亮实用的商品图片tips提示框效果(无图片箭头+阴影)
Apr 16 Javascript
jQuery解决$符号命名冲突
Jun 18 Javascript
jQuery插件echarts实现的循环生成图效果示例【附demo源码下载】
Mar 04 Javascript
解决vue无法设置滚动位置的问题
Oct 07 Javascript
微信小程序自定义导航栏实例代码
Apr 05 Javascript
Vue 无限滚动加载指令实现方法
May 28 Javascript
Vue.js下拉菜单组件使用方法详解
Oct 19 Javascript
微信小程序学习总结(三)条件、模板、文件引用实例分析
Jun 04 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
无JS,完全php面向过程数据分页实现代码
2012/08/27 PHP
基于magic_quotes_gpc与magic_quotes_runtime的区别与使用介绍
2013/04/22 PHP
php使用sql数据库 获取字段问题介绍
2013/08/12 PHP
PHP 二维数组根据某个字段排序的具体实现
2014/06/03 PHP
PHP GD库相关图像生成和处理函数小结
2016/09/30 PHP
PHP结合jquery ajax实现上传多张图片,并限制图片大小操作示例
2019/03/01 PHP
Laravel Validator自定义错误返回提示消息并在前端展示
2019/05/09 PHP
node.js中的url.format方法使用说明
2014/12/10 Javascript
js实现跟随鼠标移动且带关闭功能的图片广告实例
2015/02/26 Javascript
JavaScript检查弹出窗口是否被阻拦的方法技巧
2015/03/13 Javascript
IE10中flexigrid无法显示数据的解决方法
2015/07/26 Javascript
js使用cookie记录用户名的方法
2015/11/26 Javascript
jQuery.cookie.js使用方法及相关参数解释
2017/03/06 Javascript
vue使用vue-cli快速创建工程
2017/07/28 Javascript
微信小程序富文本渲染引擎的详解
2017/09/30 Javascript
讲解vue-router之什么是编程式路由
2018/05/28 Javascript
JS+CSS3实现的简易钟表效果示例
2019/04/13 Javascript
详解vue-cli项目开发/生产环境代理实现跨域请求
2019/07/23 Javascript
mapboxgl实现带箭头轨迹线的代码
2021/01/04 Javascript
[01:34]2014DOTA2 TI预选赛预选赛 选手比赛房大揭秘!
2014/05/20 DOTA
python操作数据库之sqlite3打开数据库、删除、修改示例
2014/03/13 Python
python获取标准北京时间的方法
2015/03/24 Python
Python下应用opencv 实现人脸检测功能
2019/10/24 Python
TensorFlow实现从txt文件读取数据
2020/02/05 Python
python3中布局背景颜色代码分析
2020/12/01 Python
如何向接受结构参数的函数传入常数值
2016/02/17 面试题
巾帼志愿者活动方案
2014/08/17 职场文书
法制演讲稿
2014/09/10 职场文书
大学生英文求职信范文
2015/03/19 职场文书
离婚被告代理词
2015/05/23 职场文书
2015年小学语文工作总结
2015/05/25 职场文书
行政处罚听证告知书
2015/07/01 职场文书
2015年十月一日放假通知
2015/08/18 职场文书
2016三八妇女节慰问信
2015/11/30 职场文书
CSS3 实现NES游戏机的示例代码
2021/04/21 HTML / CSS
vue二维数组循环嵌套方式 循环数组、循环嵌套数组
2022/04/24 Vue.js