当前位置:首页 > 编程教程 > jQuery技术文章 > 文本域中换行符的替换示例

文本域中换行符的替换

  • 发布时间:
  • 作者:码农之家
  • 点击:136

这篇文章主要知识点是关于文本域、换行符、的内容,如果大家想对相关知识点有系统深入的学习,可以参阅以下电子书

jQuery EasyUI开发指南
  • 类型:jQuery大小:48.4 MB格式:PDF作者:王波
立即下载

Tags:

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

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

前戏:

问:为什么做这个呢??

答:项目中有个将录入的文本域文字保存到数据库中。‘查看时'从数据库获取相应数据,显示在文本域中。开发期间发现换行符使用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>

以上就是本次给大家分享的关于java的全部知识点内容总结,大家还可以在下方相关文章里找到相关文章进一步学习,感谢大家的阅读和支持。

jQuery 相关电子书
学习笔记
网友NO.252088

jQuery+CSS 半开折叠效果原理及代码(自写)

一个项目想用jQuery做一个可以半折叠的DIV元素,苦于jQueryUI中accordion没有提供相关的方法,就自己写了个。以前使用jQueryUI的时候发现能够用的accordion全部折叠起来了,没办法设置折叠的最小高度。 代码质量很低,希望老鸟能够指点指点。 下图是效果展示,能够借由jQuery的函数展开收缩 //author: hlhr //require: Jquery1.4 and above function animate_toggle_height(maxh,minh,maxo,mino,element,speed) {//这个是纵向的,参数解释:最大高度,最小高度,最大透明度,最小透明度,元素,动画速度 if (element.css("height")==minh.toString().concat("px")){//如果是最小高度就展开 element.animate({ height:maxh, opacity:maxo },{queue: false},speed); return "Fold" } if (element.css("height")==maxh.toString().concat("px")){//如果是最大高度就折叠 $(this).html(""); element.animate({ height:minh, opacity:mino },{queue: false},speed); return "Read more"; } } functio……

网友NO.574649

基于jquery的文本框与autocomplete结合使用(asp.net+json)

JS脚本引用 script src="/scripts/Jquery.autocomplete/jquery.autocomplete.js" type="text/javascript"/script 样式引用 style type="text/css" media="all" @import url("/scripts/Jquery.autocomplete/css/jquery.autocomplete.css"); /style JS代码 ?$(document).ready(function () { $("#%=_SearchKeyGame.ClientID %").autocomplete("./AjaxHandle/AutoComplete.ashx?type=game", { minChars: 0, max: 9, width: 150, matchContains: true, autoFill: false, formatItem: function (row, i, max) { return row.name; }, formatMatch: function (row, i, max) { return row.name + " "; }, formatResult: function (row) { return row.name; } }); jQuery("#%=_SearchKeyGame.ClientID %").result(function (event, data, formatted) { if (data) { jQuery("#_SearchKeyGame").attr("value", data.name); } else { } }); $("#%=_SearchKeyPlat.ClientID %").autocomplete("./AjaxHandle/AutoComplete.ashx?type=plat", { minChars: 0, max: 9, width: 150, matchContains: true, autoFill: false, formatItem: function (row, i, max) { return row.name; }, f……

网友NO.592144

jQuery中阻止冒泡事件的方法介绍

一、冒泡事件简介 当我们点击一个控件的时候,如果包括这个控件的父控件也有click事件,则会继续执行。 比如:div下的a都有click事件,点击a的时候,会alert出现2次。这个现象叫做冒泡事件。 这个事件从原始元素开始一直冒泡到DOM树的最上层。 目标元素: 任何一个事件的目标元素都是最开始的那个元素,在我们的这个例子中也就是按钮, 并且它在我们的元素对象中以属性的形式出现。使用事件代理的话我们可以把事 件处理器添加到一个元素上, 等待一个事件从它的子级元素里冒泡上来,并且可以很方便地得知这个事件是从哪个元素开始。 注意: blur、focus、load和unload不能像其它事件一样冒泡。事实上blur和focus可以用事件捕获而非事件冒泡的方法获得(在IE之外的其它浏览器中)。 二、阻止jQuery事件冒泡 jQuery对DOM的事件触发具有冒泡特性。有时利……

网友NO.965130

jQuery validate插件实现ajax验证重复的2种方法

本文实例讲述了jQuery validate插件实现ajax验证重复的2种方法。分享给大家供大家参考,具体如下: jquery validate 经过这种多年的改良,已经很完善了。它能满足80%的验证需要,如果validate自带的功能,不能满足我们需求,它提供了addMethod来扩展功能。下面就举个小例子来说明一下addMethod的用法。 完整demo实例代码如下: !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"htmltitlejquery validate ajax check exist/titlehead script type="text/javascript" src="jquery.min.js"/script script type="text/javascript" src="jquery.validate.min.js"/script script $(document).ready(function(){ jQuery.validator.addMethod("phonecheck", function(value, element) { string = value.match(/0(\d{2,2})-(\d{7,7})/ig); if(string != null){ return true; }else{ return false; } }, "telphone number like 021-1234567"); jQuery.validator.addMethod("phonesame", function(value, e……

<
1
>

电子书 编程教程 PC软件下载 安卓软件下载

Copyright 2018-2020 xz577.com 码农之家

本站所有电子书资源不再提供下载地址,只分享来路

免责声明:网站所有作品均由会员网上搜集共同更新,仅供读者预览及学习交流使用,下载后请24小时内删除

版权投诉 / 书籍推广 / 赞助:QQ:520161757