如控制textbox文本框长度,一边打字一边显示长度呢

飞一龙 2008-12-23 11:49:12

...全文

217 12 打赏收藏转发到动态举报

写回复

用AI写文章

12 条回复

切换为时间正序

请发表友善的回复…

发表回复

ipqxiang 2008-12-23

打赏
举报

[Quote=引用 2 楼 ashou706 的回复:]
添加 js 事件 onkeydown="CheckInputTopic();"
<script>
function CheckInputTopic()
{
var TitleName = document.getElementById("TxtTitle").value;
var Lenint = len(TitleName);
document.getElementById("Msg").innerHTML = "还剩"+(50 - Lenint)+"字";
if(Lenint>50)
alert("标题太长了");
}
//判断字符长度
function len(s)
{
var l = 0;
var a = s.split("");
for (var i=0;i <a.length;i++) {
if (a[i]…
[/Quote]
同意。

ashou706 2008-12-23

打赏
举报

添加 js 事件 onkeydown="CheckInputTopic();"
<script>
function CheckInputTopic()
{
var TitleName = document.getElementById("TxtTitle").value;
var Lenint = len(TitleName);
document.getElementById("Msg").innerHTML = "还剩"+(50 - Lenint)+"字";
if(Lenint>50)
alert("标题太长了");
}
//判断字符长度
function len(s)
{
var l = 0;
var a = s.split("");
for (var i=0;i<a.length;i++) {
if (a[i].charCodeAt(0)<299) {
l++;
} else {
l+=2;
}
}
return l;
}
</script>

chinaicm 2008-12-23

打赏
举报

在TextChange事件中处理.
把当前的length传给一个Label.

CODE163 2008-12-23

打赏
举报

试试CSDN插件

以专业开发人员为伍 2008-12-23

打赏
举报

写js就跟写.net代码一样，写的越多可能越不好。

只写必要的js就可以了，不要写一大片。

基本上，你需要保持一定的写js时的素质，写出的代码可以重复用于处理页面上多个同样的控件，可以放到ascx中（并且这个ascx在页面上有多个实例也不出错），考虑到控件的ClientID（当你把控件重新放到不同的地方里边，或者它外边的界面设计有改变，它生成的ClientID是变动的）。

以专业开发人员为伍 2008-12-23

打赏
举报

javascript中得到的字符串也是unicode的，用不着计算什么“汉字占两位”这种。

如果你要TextBox1中的内容的长度动态显示在Label1，可以在Page_Load中写：

if(!IsPostback)
this.TextBox1.Attributes["onkeyup"] = string.Format("document.getElementById('{0}').innerHTML=this.value.length;", this.Label1.ClientID);

niitnanfeng 2008-12-23

打赏
举报

js不太安全。

dawei2310 2008-12-23

打赏
举报

用js简单
下面使用AJAX实现的~
呵呵
页面：
<body>
<form id="form1" runat="server">
<p>
<asp:TextBox ID="TextBox1" runat="server"
ontextchanged="TextBox1_TextChanged"></asp:TextBox>
</p>
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Timer ID="Timer1" runat="server" ontick="Timer1_Tick" Interval="100">
</asp:Timer>
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
<br />
</ContentTemplate>
</asp:UpdatePanel>
</div>
</form>
</body>

后台代码在Timer中的Tick事件中把长度付给Label就行了~
protected void Timer1_Tick(object sender, EventArgs e)
{
Label1.Text = TextBox1.Text.Length.ToString();
}