教程集 > 脚本编程 > javascript > 正文 Javascript 实时显示输入文本框字数与限制输入数的例子

Javascript 实时显示输入文本框字数与限制输入数的例子

发布时间：2014-11-27 编辑：jiaochengji.com

本文介绍下，用javascript实现实时显示输入文本框字数，以有限制输入数的代码实例，有需要的朋友，可以参考下。

代码如下：

复制代码代码示例:

<html>

<head>

<title>实时显示输入文本框字数与限制输入数-www.jiaochengji.com</title>

</head>

<body>

<script language=javascript> 

function gbcount(message,total,used,remain)

{

var max;

max = total.value;

if (message.value.length > max) {

message.value = message.value.substring(0,max);

used.value = max;

remain.value = 0;

alert("内容不允许超过30个字!");

}

else {

used.value = message.value.length;

remain.value = max - used.value;

}

}

</script>

<form>

<textarea  name="quotation" onmousedown="this.className='cdown'" onmouseover="this.className='cup'" onmouseout="this.className='cnone'" onkeydown=gbcount(this.form.quotation,this.form.total,this.form.used,this.form.remain); onkeyup=gbcount(this.form.quotation,this.form.total,this.form.used,this.form.remain); cols="80" rows="8" wrap="VIRTUAL" id="quotation">

</textarea> <br>

最多字数：<INPUT class=cnone disabled maxLength=4 name=total size=3 value=30> <!--value设置最多字数的初始值 -->

已用字数：<INPUT class=cnone disabled maxLength=4 name=used size=3 value=0> 

可用字数：<INPUT class=cnone disabled maxLength=4 name=remain size=3 value=30><!--value设置可用字数的初始值 -->

</form>

</body>

</html>

您可能感兴趣的文章：

关键词： 文本框 字数　

上一篇：javascript 限制只允许输入数字方法总结下一篇：IE8不支持数组的indexOf方法如何解决

[关闭]

Javascript 实时显示输入文本框字数与限制输入数的例子

最近更新

浏览排行