使用 Javascript 计算文本框中字符的脚本无法正常工作？

发布于 2024-09-27 11:31:20 字数 850 浏览 0 评论 0原文

我需要在我的应用程序中强制执行字符数限制。我从网上找到了一些 JavaScript，但它们不起作用，这是我的代码。如果有人能看到代码和信息，我将非常感激。纠正导致问题的原因。

<HTML>
<HEAD>
<script type="text/javascript" src="http://ajax.googleapis.com/ 
ajax/libs/jquery/1.4.2/jquery.min.js">
</script> 
<script type="text/javascript"> 
$(document).ready(function() 
{ $("#update").keyup(function()
{ 
var box=$(this).val(); 
var main = box.length *100; 
var value= (main / 140); 
var count= 140 - box.length; 
if(box.length <= 140) 
{ 
$('#count').html(count); 
}
else 
{ 
alert('Character Limit Exceeded!'); 
return false; 
} 
});}); 
</script> 
</HEAD>
<BODY>
<textarea id="update" rows="10" cols="3"></textarea>
<div align="left" id="character-count">
<div id="count">140</div> 
</div>
</BODY>
</HTML>

原文

I need to enforce character count limit in my application. I found some JavaScripts from web but they are not working, Here is my code. I would be very thankful if someone can kindly see the code & correct whats causing problem.

<HTML>
<HEAD>
<script type="text/javascript" src="http://ajax.googleapis.com/ 
ajax/libs/jquery/1.4.2/jquery.min.js">
</script> 
<script type="text/javascript"> 
$(document).ready(function() 
{ $("#update").keyup(function()
{ 
var box=$(this).val(); 
var main = box.length *100; 
var value= (main / 140); 
var count= 140 - box.length; 
if(box.length <= 140) 
{ 
$('#count').html(count); 
}
else 
{ 
alert('Character Limit Exceeded!'); 
return false; 
} 
});}); 
</script> 
</HEAD>
<BODY>
<textarea id="update" rows="10" cols="3"></textarea>
<div align="left" id="character-count">
<div id="count">140</div> 
</div>
</BODY>
</HTML>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

苍白女子 2024-10-04 11:31:20

http://ajax.googleapis.com/ 和 ajax 之间有一个空格

回复收藏 0 原文

眼中杀气 2024-10-04 11:31:20

您的代码不会处理某人按住某个键的情况（因为在您释放该键之前它不会触发 keyup 事件）。它也不会处理粘贴字符数超过允许数量的文本。

看看这个插件 http://remysharp.com/2008/06/30/maxlength-plugin/ 它可以处理大多数情况..

回复收藏 0 原文

z祗昰~ 2024-10-04 11:31:20

使用 Javascript 计算文本框/文本区域中字符的脚本

<script type="text/javascript">
    var count = "175";
    function limiter() {
        var tex = document.myform.comment.value;
        var len = tex.length;

        if(len > count) {
            tex = tex.substring(0,count);
            document.myform.comment.value =tex;
            return false;
        }

        document.myform.limit.value = count-len;
    }
</script>

<body>
    <form name="myform" METHOD=POST>
        <textarea name=comment wrap=physical rows=3 cols=40 onkeyup=limiter()></textarea><br>
        <script type="text/javascript">
            document.write("<input type=text name=limit size=4 readonly value="+count+">");
        </script>
    </form>
</body>

Script of counting characters in a text box/textarea using Javascript

<script type="text/javascript">
    var count = "175";
    function limiter() {
        var tex = document.myform.comment.value;
        var len = tex.length;

        if(len > count) {
            tex = tex.substring(0,count);
            document.myform.comment.value =tex;
            return false;
        }

        document.myform.limit.value = count-len;
    }
</script>

<body>
    <form name="myform" METHOD=POST>
        <textarea name=comment wrap=physical rows=3 cols=40 onkeyup=limiter()></textarea><br>
        <script type="text/javascript">
            document.write("<input type=text name=limit size=4 readonly value="+count+">");
        </script>
    </form>
</body>

回复收藏 0 原文

~没有更多了~