js统计文本框还能输入多少字
2016-07-19 13:34
573 查看
js统计文本框还能输入多少字
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta name="robots" content="all" /> <meta name="author" content="" /> <meta name="Copyright" content="" /> <meta name="keywords" content="" /> <meta name="description" content="JS限制textarea输入框输入字数" /> <title>JS统计还可以输入多少字数,用于向输入者提示信息</title> <SCRIPT language="javascript"> <!-- function checktext(text) { allValid = true; for (i = 0; i < text.length; i++) { if (text.charAt(i) != " ") { allValid = false; break; } } return allValid; } 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("留言不能超过 200 个字!");--> alert("不能超过"+total.value+"个字!"); } else { used.value = message.value.length; remain.value = max - used.value; } } --> </script> <style type="text/css"> <!-- * {padding:0; margin:0;} body, html {text-align:left; font-size:12px; line-height:150%; margin:0 auto; background:#fff; padding-top:20px;} fieldset {padding:10px; width:550px; margin:0 auto;} legend {font-size:14px; font-weight:bold;} .inputtext {border:none; background:#fff;} --> </style> </head> <body> <form action="SaveData.asp" method="post" > <fieldset><legend>请输入内容</legend> <textarea name="Memo" rows="10" wrap=PHYSICAL cols="75" onKeyDown="gbcount(this.form.Memo,this.form.total,this.form.used,this.form.remain);" onKeyUp="gbcount(this.form.Memo,this.form.total,this.form.used,this.form.remain);"></textarea> <p>最多字数: <input disabled maxLength="4" name="total" size="3" value="10" class="inputtext"> 已用字数: <input disabled maxLength="4" name="used" size="3" value="0" class="inputtext"> 剩余字数: <input disabled maxLength="4" name="remain" size="3" value="10" class="inputtext"></td> </p> </fieldset> </form> </body> </html>
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- 2015-2016网页设计趋势分析 Web Design of Trends
- javascript实现10进制转为N进制数
- jQuery Ajax 跨域调用
- 移动端的长按事件
- jquery教程靠边站,一分钱不花让你免费学会jquery
- JQuery+Strusts1.x无刷新登录
- 最后一次说说闭包
- Ajax
- $.ajax()方法详解
- jQuery ajax - ajax() 方法
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究