软件开发培训班 >> 编程开发 >> JavaScript

js实时计算字数提醒的文本框

　　本文标签：计算字数

<html> 
<head> 
<title>enter</title> 
<script language="javascript"> 
function keypress1() //text输入长度处理 
{ 
var text1=document.getElementById("mytext1").value; 
var len=15-text1.length; 
var show="你还可以输入"+len+"个字"; 
document.getElementById("name").innerText=show; 
} 
function keypress2() //textarea输入长度处理 
{ 
var text1=document.getElementById("myarea").value; 
var len;//记录剩余字符串的长度 
if(text1.length>=300)//textarea控件不能用maxlength属性，就通过这样显示输入字符数了 
{ 
document.getElementById("myarea").value=text1.substr(0,300); 
len=0; 
} 
else 
{ 
len=300-text1.length; 
} 
var show="你还可以输入"+len+"个字"; 
document.getElementById("pinglun").innerText=show; 
}

</script> 
</head> 
<body> 
<center> 
<div style="text-align:left;"> 
<h3>昵称:</h3> 
<input type="text" id="mytext1" maxlength=15 onKeyUp="keypress1()"/> 
<font color="gray"><label id="name">你还可以输入15个字</label></font>

<h3>评论内容:</h3><br> 
<textarea id="myarea" style="height:100px;width:200px;overflow-x:hidden;overflow-y:hidden" onKeyUp="keypress2()" onblur="keypress2()"></textarea> 
<font color="gray"><label id="pinglun">你还可以输入300个字</label></font> 
<div> 
</center> 
</body> 
</html>

技术文章快速查找

JScript|Event]面向事件驱动的编程(二)--实例讲解:将span模拟成超连接

圣诞节Merry Christmas给博客添加浪漫的下雪效果基于jquery实现

禁止你的左键复制实用技巧

使用JavaScript库还是自己写代码？

javascript获取不重复的随机数的方法比较

Javascript array类数组操作方法

js限制文本框输入长度两种限制方式(长度、字节数)

Extjs中使用extend(js继承) 的代码

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建