Как я могу использовать JQuery для подсчета символов слева в текстовом поле на asp.net MVC

Question

Я использую asp.net core 2 для создания формы, я хочу подсчитать количество символов, оставшихся, когда пользователь печатает, но он не работает, поэтому в представлении я попробовал это

<div id="counter" class="error"></div>
@Html.TextArea("Text2", new { @id = "Text2" })

и это

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="~/Scripts/MaxLength.min.js"></script>
<script type="text/javascript">
    $(function () { 
        //Specifying the Character Count control explicitly.
        $("#Text2").MaxLength(
            {
                MaxLength: 15,
                CharacterCountControl: $('#counter')
            });

        });
    });

Answer 1

Вы включили все связанные CSS и сценарии?

Я воспроизводлю демонстрацию о вашей библиотеке MaxLength.Хорошо работает.

 $(function () {
        //Normal Configuration.
        $("#TextBox1").MaxLength({ MaxLength: 10 });
 
        //Specifying the Character Count control explicitly.
        $("#TextBox2").MaxLength(
        {
            MaxLength: 15,
            CharacterCountControl: $('#counter')
        });
 
        //Disable Character Count.
        $("#TextBox3").MaxLength(
        {
            MaxLength: 20,
            DisplayCharacterCount: false
        });
    });

 <script type="text/javascript" src='https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js'></script>
    <script type="text/javascript" src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/js/bootstrap.min.js'></script>
    
    <!--[if lt IE 9]>
      <script type="text/javascript"  src='https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.js'></script>
    <![endif]-->
    <script src="https://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.24/jquery-ui.min.js" type="text/javascript"></script>
    <script src="https://www.aspsnippets.com/demos/2649/MaxLength.min.js"></script>
    <link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.24/themes/start/jquery-ui.css" type="text/css" />

<input type="text" id="TextBox1" style="width: 300px" value = "Mudassar Khan" />
<br />
<br />
<div id="counter" style="color:red;font-weight:bold"></div>
<input type="text" id="TextBox2" style="width: 300px" />
<br />
<br />
<input type="text" id="TextBox3" style="width: 300px" />

Answer 2

Вам просто нужно вычесть длину текстовой области из 15.

Подробнее см. Количество символов textarea .