textarea检测输入文字个数问题

PHP编程者 2010-06-24 11:38:35
怎么第二个textarea中监测到的个数在第一个textarea中体现出来,该怎么改?求救!!!
<!--#include file="Inc/syscode.asp" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link rel="stylesheet" href="../css/rg1.css" type="text/css" media="all" />
<link href="../css/style1.css" rel="stylesheet" media="all" />
<title>公司</title>
<link href="../css/font.css" rel="stylesheet" media="all" />


<script language=javascript>
function vis()
{
if(isNaN(yp.telephone.value))
{
alert('电话号码应是数字格式!')
yp.telephone.focus()
return false
}
if(yp.telephone.value.length > 11)
{
alert('电话号码应是11位以内!')
yp.telephone.focus()
return false
}
}
</script>


<style type="text/css">
<!--
* {padding: 0; margin: 0}
body { font: 12px Tahoma; background: #EAEAEA; line-height: 20px}
input, textarea {font: 12px Tahoma; color: #666666; padding: 2px; border: solid 1px #DBDBDB}
textarea {padding: 5px; line-height: 20px}
p {margin: 1em 0}
ul {}
li {height: 1%; overflow: hidden; list-style-type: none}
a {color: #666666; text-decoration: none}
a:hover {color: #333333}
.r {float: right}
.l {float: left}
.b {font-weight: bold}
.gray {color: #666666; margin-top: 3px}
.light {color:#FF6600; margin: 0 5px}
.case {display: block; padding: 0 2em 2em 2em; border: solid 1px #EAEAEA; background: #FFFFFF; margin-bottom: 2em; height: 1%; overflow: hidden}
.title {display:block; padding: .5em 2em .5em 1em; margin: 0 -2em 2em -2em; font-weight: bold; color: #000000; background: #FAFAFA; border-bottom: solid 1px #EAEAEA}
.call {display:block;}
.key {display: block; width: 6em; float: left}
.type {display: block; width: 6em; float: left}
.info {padding-left: 2em}
.demo {margin-bottom: 2em}
-->
</style>
<script language="javascript" type="text/javascript">
<!--
// 这里都是公用函数,挺多的...
var
// 获取元素
$ = function(element) {
return (typeof(element) == 'object' ? element : document.getElementById(element));
},
// 判断浏览器
brower = function() {
var ua = navigator.userAgent.toLowerCase();
var os = new Object();
os.isFirefox = ua.indexOf ('gecko') != -1;
os.isOpera = ua.indexOf ('opera') != -1;
os.isIE = !os.isOpera && ua.indexOf ('msie') != -1;
os.isIE7 = os.isIE && ua.indexOf ('7.0') != -1;
return os;
},
// 事件操作(可保留原有事件)
eventListeners = [],
findEventListener = function(node, event, handler){
var i;
for (i in eventListeners){
if (eventListeners[i].node == node && eventListeners[i].event == event && eventListeners[i].handler == handler){
return i;
}
}
return null;
},
myAddEventListener = function(node, event, handler){
if (findEventListener(node, event, handler) != null){
return;
}
if (!node.addEventListener){
node.attachEvent('on' + event, handler);
}else{
node.addEventListener(event, handler, false);
}
eventListeners.push({node: node, event: event, handler: handler});
},
removeEventListenerIndex = function(index){
var eventListener = eventListeners[index];
delete eventListeners[index];
if (!eventListener.node.removeEventListener){
eventListener.node.detachEvent('on' + eventListener.event,
eventListener.handler);
}else{
eventListener.node.removeEventListener(eventListener.event,
eventListener.handler, false);
}
},
myRemoveEventListener = function(node, event, handler){
var index = findEventListener(node, event, handler);
if (index == null) return;
removeEventListenerIndex(index);
},
cleanupEventListeners = function(){
var i;
for (i = eventListeners.length; i > 0; i--){
if (eventListeners[i] != undefined){
removeEventListenerIndex(i);
}
}
};
-->
</script>
<script language="javascript" type="text/javascript">
<!--
/*======================================================
- statInput 输入限制统计
- By Mudoo 2008.5
- 长度超出_max的话就截取...貌似没有更好的办法了
======================================================*/
function statInput(e, _max, _exp) {
e = $(e);
_max = parseInt(_max);
_max = isNaN(_max) ? 0 : _max;
_exp = _exp==undefined ? {} : _exp;

if(e==null || _max==0) {
alert('statInput初始化失败!');
return;
}

var
// 浏览器
_brower = brower();
// 输出对象
_objMax = _exp._max==undefined ? null : $(_exp._max),
_objTotal = _exp._total==undefined ? null : $(_exp._total),
_objLeft = _exp._left==undefined ? null : $(_exp._left),
// 弹出提示
_hint = _exp._hint==undefined ? null : _exp._hint;

// 初始统计
if(_objMax!=null) _objMax.innerHTML = _max;
if(_objTotal!=null) _objTotal.innerHTML = 0;
if(_objLeft!=null) _objLeft.innerHTML = 0;

// 设置监听事件
// 输入这个方法比较好.
// 但是Opera下中文输入跟粘贴不能正确统计...相当BT的东西...
// 如果不考虑Opera的话就用这个吧.否则就老老实实用计时器.
if(_brower.isIE) {
myAddEventListener(e, "propertychange", stat);
}else{
myAddEventListener(e, "input", stat);
}
/*
// 用计时器的话就什么浏览器都支持了.
var _intDo = null;
myAddEventListener(e, "focus", setListen);
myAddEventListener(e, "blur", remListen);
function setListen() {
_intDo = setInterval(stat, 10);
}
function remListen() {
clearInterval(_intDo);
}
*/

// 统计函数
var _len, _olen, _lastRN, _sTop;
_olen = _len = 0;
function stat() {
_len = e.value.length;
if(_len==_olen) return; // 防止用计时器监听时做无谓的牺牲...
if(_len>_max) {
_sTop = e.scrollTop;
// 避免IE最后俩字符为'\r\n'.导致崩溃...
_lastRN = (e.value.substr(_max-1, 2) == "\r\n");
e.value = e.value.substr(0, (_lastRN ? _max-1 : _max));
if(_hint==true) alert("悟空你也太调皮了,为师跟你说过,叫你不要输那么多字~~.");
// 解决FF老是跑回顶部
if(_brower.isFirefox) e.scrollTop = e.scrollHeight;
}
_olen = _len = e.value.length;

// 显示已输入字数
if(_objTotal!=null) _objTotal.innerHTML = _len;
// 显示剩余可输入字数
if(_objLeft!=null) _objLeft.innerHTML = (_max-_len)<0 ? 0 : (_max-_len);
}

stat();
}
-->
</script>

<script language="javascript" type="text/javascript">
<!--
/*======================================================
- statInput 输入限制统计
- By Mudoo 2008.5
- 长度超出_max的话就截取...貌似没有更好的办法了
======================================================*/
function statInput2(e2, _max2, _exp2) {
e2 = $(e2);
_max2 = parseInt(_max2);
_max2 = isNaN(_max2) ? 0 : _max2;
_exp2 = _exp2==undefined ? {} : _exp2;

if(e2==null || _max2==0) {
alert('statInput初始化失败!');
return;
}

var
// 浏览器
_brower = brower();
// 输出对象
_objMax = _exp2._max2==undefined ? null : $(_exp2._max2),
_objTotal = _exp2._total2==undefined ? null : $(_exp2._total2),
_objLeft = _exp2._left2==undefined ? null : $(_exp2._left2),
// 弹出提示
_hint2 = _exp2._hint2==undefined ? null : _exp2._hint2;

// 初始统计
if(_objMax!=null) _objMax.innerHTML = _max2;
if(_objTotal!=null) _objTotal.innerHTML = 0;
if(_objLeft!=null) _objLeft.innerHTML = 0;

// 设置监听事件
// 输入这个方法比较好.
// 但是Opera下中文输入跟粘贴不能正确统计...相当BT的东西...
// 如果不考虑Opera的话就用这个吧.否则就老老实实用计时器.
if(_brower.isIE) {
myAddEventListener(e2, "propertychange", stat);
}else{
myAddEventListener(e2, "input", stat);
}
/*
// 用计时器的话就什么浏览器都支持了.
var _intDo = null;
myAddEventListener(e, "focus", setListen);
myAddEventListener(e, "blur", remListen);
function setListen() {
_intDo = setInterval(stat, 10);
}
function remListen() {
clearInterval(_intDo);
}
*/

...全文
145 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
SamuDra 2010-06-25
  • 打赏
  • 举报
回复
你这代码发的有人会看?= =
PHP编程者 2010-06-24
  • 打赏
  • 举报
回复
<div class="r-center r-c-font">
<table height="100%" width="100%" border="0" align="center" >
<tr><td align="center" >

<!-- content -->
<table>
<form method="post" action="SaveAcceptJob.asp" name="yp" onsubmit="return vis()">
<%job=request("job")%>
<table width="800" border="0" style="margin-top:50px; font-size:14px; margin-left:65px;">
<tr>
<td width="100" height="30" align="right">应聘岗位:
</td>
<td width="300" height="30"><b><%=job%></b><input name="jobname" type="hidden" value="<%=job%>"></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td height="30" align="right">姓       名:</td>
<td height="-6"><font>
<input name="mane" type="text" class="face" id="mane" style="font-size: 14px; background-color:#F5F5F5" size="15" maxlength="16">
</font></td>
<td height="30" align="right">性       别:</td>
<td height="-2"><font>
<select name="sex" class="face" style="background-color:#F5F5F5">
<option value="男" selected>男</option>
<option value="女">女</option>
</select>
</font></td>
</tr>
<tr>
<td height="30" align="right">出生日期:</td>
<td height="-1"> <input name="birthday" class="face" type="text" id="birthday" style="font-size: 14px;background-color:#F5F5F5" size="15" maxlength="30">
格式:1976-02-02 </td>
<td height="30" align="right">婚姻状况:</td>
<td height="11"><font>
<select name="marry" class="face" style="background-color:#F5F5F5">
<option value="未婚" selected>未婚</option>
<option value="已婚">已婚</option>
</select>
</font></td>
</tr>
<tr>
<td height="30" align="right">毕业院校:</td>
<td height="11"><font>
<input name="school" type="text" class="face" id="school" style="font-size: 14px;background-color:#F5F5F5" size="30" maxlength="50">
</font></td>
<td height="30" align="right">学       历: </td>
<td height="-6"><input name="studydegree" type="text" class="face" id="studydegree" style="font-size: 14px;background-color:#F5F5F5" size="15" maxlength="16"></td>
</tr>
<tr>
<td height="30" align="right">专       业:</td>
<td height="-3"><font>
<input name="specialty" type="text" class="face"id="specialty" style="font-size: 14px;background-color:#F5F5F5" size="30" maxlength="30">
</font></td>
<td height="30" align="right">毕业时间:</td>
<td height="-2"> <input name="gradyear" type="text" class="face" id="gradyear" style="font-size: 14px;background-color:#F5F5F5" size="15" maxlength="30">
格式:1998-7</td>
</tr>
<tr>
<td height="30" align="right">E-mail:</td>
<td height="-6"><font>
<input name="email" type="text" class="face" id="email" style="font-size: 14px;background-color:#F5F5F5" size="30" maxlength="50">
</font></td>
<td height="30" align="right">电       话:</td>
<td height="-1"><font>
<input name="telephone" type="text" class="face" id="telephone" style="font-size: 14px;background-color:#F5F5F5" size="15" maxlength="30">
</font></td>
</tr>
</table>

<table width="800" border="0" style="font-size:14px; margin-left:65px;">
<tr>
<td height="30" align="right" width="100">联系地址:</td>
<td height="-3"><font>
<input name="address" type="text" class="face" id="address" style="font-size: 14px;background-color:#F5F5F5" size="30" maxlength="50">
</font></td>
</tr>
</table>
<table>
<td >
<div class="case">
<div class="title" style="font-size:14px;">能力专长:</div>
<textarea name="ability" id="ability" rows="10" style="width:600px;" >悟空你也太调皮了,我跟你说过,叫你不要乱扔东西, 乱扔东西这么做…… (咣当,悟空棍子掉在地上) 你看我还没有说完呢你把棍子又给扔掉了!月光宝盒是宝物,你把他扔掉会污染环境,唉,要是砸到小朋友那怎么办?就算没有砸到小朋友砸到那些花花草草也是不对的呀!</textarea>
<div class="gray" style="font-size:14px;">最多可输入<span id="stat_max" class="b light"></span>,当前共<span id="stat_total" class="b light"></span>,还可输入<span id="stat_left" class="b light"></span></div>
</div>
</td>
</tr>
<tr>

<td ><div class="case">
<div class="title" style="font-size:14px;">个人简历:</div>
<textarea name="resumes" id="resumes" rows="10" style="width:600px;" >悟空你也太调皮了,我跟你说过,叫你不要乱扔东西, 乱扔东西这么做…… (咣当,悟空棍子掉在地上) 你看我还没有说完呢你把棍子又给扔掉了!月光宝盒是宝物,你把他扔掉会污染环境,唉,要是砸到小朋友那怎么办?就算没有砸到小朋友砸到那些花花草草也是不对的呀!</textarea>
<div class="gray" style="font-size:14px;">最多可输入<span id="stat_max2" class="b light"></span>,当前共<span id="stat_total2" class="b light"></span>,还可输入<span id="stat_left2" class="b light"></span></div></td>
</tr>
</table>


<table width="800" border="0" style="margin-bottom:30px;font-size:14px;">
<tr>
<td width="77%" height="0" valign="top" align="center">
<input type="submit" value="提交留言" name="cmdOk" class="button">
  
<input type="reset" value=" 重 写 " name="cmdReset" class="button"> </td>
</tr>
</table>
</table>
</form>
<!--End content -->
</td>
</tr>
</table>


</div>
</div>



<div class="footer">
<div class="l-footer"></div>
<div class="r-footer">
<div style="width:291px; float:right;margin-right:10px;margin-top:8px; height:25px; background-image:url(../img/footer-2.gif);background-repeat: no-repeat;"></div>
</div>
</div>


</div>

</body>
</html>
PHP编程者 2010-06-24
  • 打赏
  • 举报
回复
// 统计函数
var _len, _olen, _lastRN, _sTop;
_olen = _len = 0;
function stat() {
_len = e2.value.length;
if(_len==_olen) return; // 防止用计时器监听时做无谓的牺牲...
if(_len>_max2) {
_sTop = e2.scrollTop;
// 避免IE最后俩字符为'\r\n'.导致崩溃...
_lastRN = (e2.value.substr(_max2-1, 2) == "\r\n");
e2.value = e2.value.substr(0, (_lastRN ? _max2-1 : _max2));
if(_hint2==true) alert("悟空你也太调皮了,为师跟你说过,叫你不要输那么多字~~.");
// 解决FF老是跑回顶部
if(_brower.isFirefox) e2.scrollTop = e2.scrollHeight;
}
_olen = _len = e2.value.length;

// 显示已输入字数
if(_objTotal!=null) _objTotal.innerHTML = _len;
// 显示剩余可输入字数
if(_objLeft!=null) _objLeft.innerHTML = (_max2-_len)<0 ? 0 : (_max2-_len);
}

stat();
}
-->
</script>
<script language="javascript" type="text/javascript">
<!--
/*********************************************
- statInput 演示函数
*********************************************/
myAddEventListener(window, "load", testStatInput1);

function testStatInput1(){
statInput('ability', 200, {_max : 'stat_max', _total : 'stat_total', _left : 'stat_left', _hint : true});
}

myAddEventListener(window, "load", testStatInput2);
function testStatInput2(){
statInput2('resumes', 1000, {_max2 : 'stat_max2', _total2 : 'stat_total2', _left2 : 'stat_left2', _hint2 : true});
}
-->
</script>

</head>

<body>

<div id="box">



<div class="header">

<div class="l-header">
<div class="logo"><a href="../index.html" ><img src="../img/logo.gif" align="middle" border="0"/></a>
</div>


</div>
<div class="r-header">
<div id="tabsD">
<ul>
<li><a href="../gywm/gywm.html" title=""><span>关于我们</span></a></li>
<li><a href="../fw/fw.html" title=""><span>服  务</span></a></li>
<li><a href="../kh/kh.html" title=""><span>客  户</span></a></li>
<li><a href="../yjzh/yjzh.html" title=""><span>研究者</span></a></li>
<li><a href="../fw/yytrz.html" title=""><span>投融资</span></a></li>
<li><a href="../gywm/ygpx.html" title=""><span>公司培训</span></a></li>
<li><a href="../gzjh/gzjh.html" title=""><span>工作机会</span></a></li>
<li><a href="../gsxw/gsxw.html" title=""><span>公司新闻</span></a></li>
</ul>
</div>
</div>
</div>


<div class="center" style="filter:progid:DXImageTransform.Microsoft.Gradient
(startColorStr='#040453', endColorStr='#070785', gradientType='1')">
<div class="l-center">

<table height="100%" width="100%" border="0" align="center" >
<tr><td align="center" valign="top" style=" padding-top:80px;">

<div id="menu">
<ul>
<li><a href="fw.html" style="font-weight:bold; font-size:12px; letter-spacing:2px;">区域覆盖</a></li>
<li><a href="zhc.html" style="font-weight:bold; font-size:12px; letter-spacing:2px;">注册</a></li>
<li><a href="lchshy.html" style="font-weight:bold; font-size:12px;letter-spacing:2px;">临床试验</a></li>

<li><a href="shjglyshwtj.html" style="font-weight:bold; font-size:12px;letter-spacing:2px;">数据管理与生物统计</a></li>
<li><a href="smo.html" style="font-weight:bold; font-size:12px;letter-spacing:2px;">SMO</a></li>
<li style="margin-top:2px; text-align:right;" ><a href="smo.html" style="font-size:12px;letter-spacing:2px; padding:0; margin:0; height:20px;line-height:20px; text-align:center; background:#c2cef8 url(../images/menu_006_bg_1.jpg) repeat-y left;" class="current">SMO的服务</a></li>
<li style="margin-top:2px; text-align:right;" ><a href="smo1.html" style="font-size:12px;letter-spacing:2px; padding:0; margin:0; height:20px;line-height:20px; text-align:center; background:#c2cef8 url(../images/menu_006_bg_1.jpg) repeat-y left;" class="current">业务范围</a></li>

<li style="margin-top:2px; text-align:right;" ><a href="smo2.html" style="font-size:12px;letter-spacing:2px; padding:0; margin:0; height:20px;line-height:20px; text-align:center; background:#c2cef8 url(../images/menu_006_bg_1.jpg) repeat-y left;" class="current">临床研究协调员工作职责</a></li>
<li ><a href="yytrz.html" style="font-weight:bold; font-size:12px;letter-spacing:2px;">医药投融资</a></li>
<li ><a href="khrx.html" style="font-weight:bold; font-size:12px;letter-spacing:2px;">客户热线</a></li>


</ul>
</div>

</td>
</tr>
</table>

</div>



籽沫 2010-06-24
  • 打赏
  • 举报
回复

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>sfdasfa</title>
<style type="text/css">
*{margin:0;padding:0;}
body{font:12px Arial, Helvetica, sans-serif;color:#333; }
</style>
<script language="javascript">
limitWordCount = function(obj,wordCount)
{
var mainNub = document.getElementById("main").getElementsByTagName("p")
for(i=0;i<=mainNub.length;i++)
{
if(wordCount==i){
contant =document.getElementById("userInput"+ i )
if(obj.value.length>200)//这里设置输入最大内容
{
obj.value = obj.value.slice(0,200);
}
else
{
contant.innerHTML = 200 - parseInt(obj.value.length);
}
}
}
}
</script>
</head>

<body>
<div id="main">
<textarea name="commentContent" class="inputStyle" style="height: 85px; width: 100%; overflow: auto" onpropertychange="limitWordCount(this,0)"></textarea>
<p class="num">你还可以输入<span class="redFont" id="userInput0">200</span>个字符</p>

<textarea name="commentContent1" class="inputStyle" style="height: 85px; width: 100%; overflow: auto" onpropertychange="limitWordCount(this,1)"></textarea>
<p class="num">你还可以输入<span class="redFont" id="userInput1">200</span>个字符</p>

<textarea name="commentContent1" class="inputStyle" style="height: 85px; width: 100%; overflow: auto" onpropertychange="limitWordCount(this,2)"></textarea>
<p class="num">你还可以输入<span class="redFont" id="userInput2">200</span>个字符</p>
</div>
</body>
</html>



我不是在另外那个帖子给你回复了么?

你看看是不是你要的效果我也没看你的内容太恐怖了
走在风中 2010-06-24
  • 打赏
  • 举报
回复
额滴那个神啊。。。
你来救救俺吧。
超级加密 3000一款功能强大的文件加密和文件夹加密软件。主要针对于进常对重要文件加密和文件夹加密的用户。该软件有超快和最强的文件加密、文件夹加密功能,采用先进的加密算法,使你的文件加密和文件夹加密后,真正的达到超高的加密强度,让你的加密文件和加密文件夹无懈可击,没有密码无法解密,并且可以防止删除,复制和移动。 【软件功能特点】 数据加密功能 本软件采用先进的加密算法,真正的达到了超高的加密强度,让你的加密数据无懈可击。并且速度也特快,每秒可加密25 — 50M的数据。文件、文件夹加密后,双击它,会弹出密码输入对话框,只有输入正确的密码才能打开该文件。使用完毕退出以后,它自动恢复到加密状态,无需再加密。把文件夹和文件直接加密成Exe可执行文件。你可以将重要的数据以这种方法加密后再通过网络或其他的方法在没有安装[超级加密 3000]的机器上使用。 数据粉碎功能 可以把你想删除但怕在删除后被别人用数据恢复软件恢复的数据彻底在电脑中删除。 文件夹保护功能 还有文件夹的加密码、隐藏、伪装等保护功能。 磁盘保护功能 将您的软盘、硬盘和光驱等所有驱动器有选择的隐藏和加锁。并且可以禁止使用USB设备或只读使用USB存储设备。 增强功能 还有清理系统垃圾和系统优化和安全设置等功能。 【常见问题】 1、打开和解密有什么区别? 打开:加密的文件或文件夹打开后,处于临时解密的状态。当软件检测到你不在使用这个加密文件或文件夹时,就自动恢复到加密状态。 解密:把加密的文件或文件夹恢复到未加密状态。 2、怎样加密文件和文件夹? 你可以在我的电脑中用鼠标右键单击你要加密的文件或文件夹,在弹出菜单中选择[超级加密]。也可以在软件的主窗口中选择加密数据,然后点击[数据加密]。 3、怎样完全解密加密的文件和文件夹? 在软件的主窗口中选择解密数据,然后点击[数据解密]。 4、为什么要要设置管理员密码? 为了不让其他人,随意使用此软件,对你的数据进行恶意的加密。 5、可以对移动硬盘上的数据进行加密吗? 可以。 6、怎样解密全面加密的文件夹? 在我的电脑中用鼠标右键单击你要解密的全面加密文件夹,然后在弹出菜单中选择[解密全面加密的文件夹]。 7、怎样解除受到保护的文件夹? 在软件窗口中选择[文件夹保护],在文件夹保护窗口,选择你要解除保护的文件夹记录,然后选择[解除保护]。 8、加密的文件夹或文件可以用U盘移动到其他电脑上吗? 使用“移动加密”方式加密的文件夹和文件可以移动到其他电脑上,甚至移动到未安装本软件的电脑上照常使用。 9、该软件若被他人从我的电脑上卸载或删除,我原来已加密的数据会被解密吗? 不会。您的文件夹仍然保持加密状态,重装本软件即可解开。 10、加密的文件夹在安全模式下会不会失效? 不会。不仅安全模式,甚至DOS、双系统下都不会失效! 11、密码忘记怎么办? 请牢记密码。

61,110

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧