使用Javascript计算并显示文本框中的字符数-前端问题

Count and display number of characters in a textbox using Javascript(使用Javascript计算并显示文本框中的字符数)

本文介绍了使用Javascript计算并显示文本框中的字符数的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我正在从事一个项目，该项目需要我计算在文本框中输入的字符数，并在页面的其他位置动态显示结果.

I am working on a project that requires me to count the number of characters entered in a text box and dynamically display the result elsewhere on the page.

正如我所说，这最好用 jQuery 或 Javascript 来完成.

As I said, this would preferably be done in jQuery or Javascript.

提前致谢.

推荐答案

我想分享我在项目中使用的答案，它运行良好.

I would like to share my answer which i used in my project and it is working fine.

<asp:TextBox ID="txtComments" runat="server" TextMode="MultiLine" Rows="4" Columns="50" placeholder="Maximum limit: 100 characters"></asp:TextBox><br />
<span id="spnCharLeft"></span>

<script type='text/javascript'>
    $('#spnCharLeft').css('display', 'none');
    var maxLimit = 100;
    $(document).ready(function () {
        $('#<%= txtComments.ClientID %>').keyup(function () {
            var lengthCount = this.value.length;              
            if (lengthCount > maxLimit) {
                this.value = this.value.substring(0, maxLimit);
                var charactersLeft = maxLimit - lengthCount + 1;                   
            }
            else {                   
                var charactersLeft = maxLimit - lengthCount;                   
            }
            $('#spnCharLeft').css('display', 'block');
            $('#spnCharLeft').text(charactersLeft + ' Characters left');
        });
    });
</script>

来源:网址

这篇关于使用Javascript计算并显示文本框中的字符数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！