码迷,mamicode.com
首页 > 其他好文 > 详细

textbox和input限制文字长度

时间:2016-01-18 17:29:13      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:

 

textbox 看下面

要求(限制140,并且显示还剩余多少个文字)

<asp:textbox id="txt_xm" runat="server" onKeyDown="if (this.value.length>=140){if(event.keyCode != 8 && event.keyCode != 127)event.returnValue=false;}"  TextMode="MultiLine" Height="80px" MaxLength="140" onkeyup="mouseOver();"  width="400px" >
</asp:textbox>

//returnValue:该属性是设置或获取事件的返回值。Event对象的returnValue属性的值一般是true,即脚本处理完自己的工作后由元素处理事件。

//还剩余多少个文字

function mouseOver() {
var v = document.getElementById(‘txt_xm‘).value.trim();
var ss;
var abd = 140 - document.getElementById(‘txt_xm‘).value.trim().length;
if (abd >= 0) {
document.getElementById("abc").innerHTML = "剩余" + abd + "个字";
}
else {
document.getElementById("abc").innerHTML = "字数已经超过界限";
ss = v.substring(0, 140);
document.getElementById(‘txt_xm‘).value = ss;

}

}

 

技术分享

input 使用MaxLength  

<input type="text" maxlength="6" />

 

textbox和input限制文字长度

标签:

原文地址:http://www.cnblogs.com/panmy/p/5139747.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!