JS文本框的换行

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>让HTML文本框textarea里的换行等格式用js保留下来</title>

</head>

<body>

<form id="form1" name="form1" method="post" action="">

<textarea name="textContent" cols="100" rows="15" id="textContent"></textarea> <br />

<input type="button" name="Submit" value="转换输出" onclick="outHTML()" />

<input name="checkbox" type="checkbox" id="checkbox" value="checkbox" checked="checked" />

<label for="checkbox" style="color:#F00">启用转换输出</label>

</form>

<div id="out" style="border:1px solid #F90; padding:10px; background:#FFF8DC; margin-top:10px">请在上面文本框录入带HTML标记的文本测试！</div>

<script type="text/javascript">

function outHTML() {

var getValue=document.getElementById("textContent").value;

var endValue=((getValue.replace(/<(.+?)>/gi,"&lt;$1&gt;")).replace(//gi,"&nbsp;")).replace(/\n/gi,"|");

/* (1)转义“<”、“>” (2)改半角空格为&nbsp; (3)保留换行 */

if (document.getElementById("checkbox").checked==true) {

document.getElementById("out").innerHTML=endValue;

}else{

document.getElementById("out").innerHTML=getValue;

}

}

</script>

</body>

</html>

时间： 2024-10-08 18:48:34

JS文本框的换行的相关文章

[js开源组件开发]js文本框计数组件

js文本框计数组件 先上效果图: 样式可以自行调整 ,它的功能提供文本框的实时计数,并作出对应的操作,比如现在超出了,点击下面的按钮后,文本框会闪动两下,阻止提交.具体例子可以点击demo:http://www.lovewebgames.com/jsmodule/word-count.html,它的源文件托管在github上:https://github.com/tianxiangbing/word-count 使用方法案例: <div class="txt-count-container

js文本框只能输入数字，

1,文本框只能输入数字代码(小数点也不能输入) 复制代码代码示例: <input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"> 2,只能输入数字,能输小数点. 复制代码代码示例: <input onkeyup="if(isNaN(value))execCommand('und

js文本框验证

1 不能为空 2 <input onblur="if(this.value.replace(/^ +| +$/g,'')=='')alert('不能为空!')"> 3 4 只能输入英文和数字 5 <input onblur="if(/[^0-9a-zA-Z]/g.test(value))alert('有错')"> 6 <input onkeyup="value=value.replace(/[^0-9a-zA-Z]/g,'')

php随笔7-thinkphp OA系统 JS 文本框输入实时控制字数

JS: //多行文本输入框剩余字数计算 function checkMaxInput(obj, maxLen) { if (obj == null || obj == undefined || obj == "") { return; } /*if (maxLen == null || maxLen == undefined || maxLen == "") { maxLen = 250; }*/ /* var strResult; var $obj = $(obj

js文本框失去焦点事件与按钮单击事件的冲突问题

<input type="text" id="txt" name="txt"/> <input type="button" name="btn" id="btn" value="确定"/> <script type="text/javascript"> document.getElementById("

vue.js文本框字数限制

<div>                    <textarea placeholder="填写服务备注" style="width:100%; border:solid 1px #d8d8d8; border-radius:3px; font-size:14px; padding:10px;" rows="3" maxlength="50" @input="descInput"v-m

JS文本框不能输入空格验证方法

1.只是不能输入空格 复制代码代码如下: <input type="text" onkeyup="this.value=this.value.replace(/^ +| +$/g,'')"> 2.不能输入空格及英文状态下的逗号 复制代码代码如下: <input type="text" onkeyup="this.value=this.value.replace(/[, ]/g,'')"> 3. 复制代码

js 文本框值变化触发事件

jo.find(".price").bind('input onpropertychange', function () { me.calculate(jo); });

js 文本框禁止粘贴复制功能

禁止粘贴 密码<input  type="text" /> 重新输入密码<input  type="text"  onpaste="alert('为保证你的手机号码正确输入,请勿粘贴');return false"/> 禁止粘贴.右键.复制.剪切 <input type="text" id="username" name="username" value=&