JQuery的扩展函数,很强悍:
http://pure-essence.net/stuff/webTips/dodosTextCounter/index.html
普通情况,即新建页面:
<p>
<label for="phone">*Message:</label>
<textarea class="textfield" id="comments" name="comments" rows="8" cols="35"></textarea>
<div style="padding-left:300px"><span id="counter">2048 characters left</span><br/></div>
</p>
<script language="javascript">
<!--
document.getElementById("comments").value = "";
var ppl=70
var maxl=2048
document.onkeydown=function(){
var s=document.getElementById("comments").value.length +1;
if(s>maxl)document.getElementById("comments").value=document.getElementById("comments").value.substr(0,maxl-1)
else document.getElementById("counter").innerHTML=(maxl-s)+" characters left"
}
function cha(){
var txt=document.getElementById("comments").value,tl=txt.length;
var txtArray=[],k=(tl/ppl<=1)?1:Math.ceil(tl/ppl);
for (var i=0;i<k;i++){
txtArray[i]=txt.substr(i*ppl,ppl);
alert(txtArray[i]) ;
}
document.getElementById("comments").value=""
document.getElementById("counter").innerHTML=""
}
//-->
</script>
特殊情况,即在编辑页面,文本框同时需要显示文字。所以在JavaScript代码开始部分必须考虑到这个情况:
<dl class="description">
<dt><label for="email">Description</label></dt>
<dd><textarea id="description" name="description" cols="67" rows="4"><?= $biz->description ?></textarea>
</dd>
</dl>
<dl class="char_limit">
<dt id="counter">10240 characters left</dt>
</dl>
<script language="javascript">
<!--
var ppl=70;
var maxl=10240;
var s=document.getElementById("description").value.length +1;
document.getElementById("counter").innerHTML=(maxl-s)+" characters left";
document.onkeydown=function(){
var s=document.getElementById("description").value.length +1;
if(s>maxl)document.getElementById("description").value=document.getElementById("description").value.substr(0,maxl-1)
else document.getElementById("counter").innerHTML=(maxl-s)+" characters left"
}
function cha(){
var txt=document.getElementById("description").value,tl=txt.length;
var txtArray=[],k=(tl/ppl<=1)?1:Math.ceil(tl/ppl);
for (var i=0;i<k;i++){
txtArray[i]=txt.substr(i*ppl,ppl);
alert(txtArray[i]) ;
}
document.getElementById("description").value="";
document.getElementById("counter").innerHTML="";
}
//-->
</script>
分享到:
相关推荐
2、主要功能:限定文本输入框输入特定的字符个数, 文本长度计算规则:中文占1,英文等能转ascii的占0.5 3、特色功能: iOS限制联想字符串输入,汉字占2个字符,英文占1个字符,解决的中英文切换输入法联想导致的...
Js高亮显示文本输入框.rarJs高亮显示文本输入框.rarJs高亮显示文本输入框.rarJs高亮显示文本输入框.rar
jquery-文本框输入即时显示可输入剩余字符数
Javascript学习-限制多行文本输入框的字符数
输入框控制输入字数 超出 不让输入 并提示
只能输入数字的控件,限制字符,其它字符不能输入。
js实现input输入框输入信息后出现下拉选择框,下拉框的数据源可以使根据输入的值从数据库中动态获取
unigui限制正数输入框 -限制位数++.rar
JS 仿支付宝input文本输入框放大组件,基于Jquery动态显示
利用js控制多行文本框字数
js 输入框 输入金额 位数限制
VC++限制编辑框输入文本的长度,也就是像WEB表单中的输入框功能类似,限制用户输入字符的数量,这样可以预防用户输入了超过规定限制的字符数量,有效避免程序出错。在本例的输入框中,中允许用户输入7个字符,再多...
自己做的文本框字数统计/限制插件 输入框 或者 文本域 动态显示还剩余可输入字数
网页自动填表——文本输入框及多行文本输入框自动填写方法
Android EditText 正则表达式 限制数字、字母、字符 输入 密码框
(一)TEdit、TDBEdit、TComboBox、TDBComboBox的输入 分三种类型限制: (1)任意输入 (2)整数输入 (3)浮点数输入 限制的项目如下: (1)整数输入只能输入数字0-9、+、- (2)浮点输入只能输入数字0-9、+、-、...
vc获取网页中输入的密码和文本输入框的内容.zip
在html前端页面中密码输入框,输入一个字符显示明文,过一秒后再变*号的效果如何用js实现
今天小编就为大家分享一篇Python弹出输入框并获取输入值的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧