Blazor:在Blazor(非.js)中计算文本区域中的字符数

Blazor:在Blazor(非.js)中计算文本区域中的字符数,blazor,blazor-server-side,Blazor,Blazor Server Side,我有一个输入文本区域,我正在限制字符数(完成),我还想提供关于剩余字符数的视觉反馈。这是我的文本区: 我可以在.js中这样做,没问题,但这个案例需要一个本机解决方案&尽管我很喜欢“答案”,但同样欢迎用手指指向能让我问更少问题的资源——只是不是官方的MS文档,我需要在一个新环境中工作的UI开发人员能够理解的级别上编写它::grin:: 另外,如果有人想加入Blazor UI框架(他们可能能够帮助自动化像这样的任务——这是第一个我在网上找不到至少部分答案的框架),我有预算购买一个,但我没有时间测试

我有一个输入文本区域,我正在限制字符数(完成),我还想提供关于剩余字符数的视觉反馈。这是我的文本区:

我可以在.js中这样做,没问题,但这个案例需要一个本机解决方案&尽管我很喜欢“答案”,但同样欢迎用手指指向能让我问更少问题的资源——只是不是官方的MS文档,我需要在一个新环境中工作的UI开发人员能够理解的级别上编写它::grin::

另外,如果有人想加入Blazor UI框架(他们可能能够帮助自动化像这样的任务——这是第一个我在网上找不到至少部分答案的框架),我有预算购买一个,但我没有时间测试几个,所以我目前没有(BLAZOR中没有接触,我知道的每个人都是C++,JS,PHP等)。 如果我对我的目标不够清楚,这不是我(它是.js&我需要一个c#Blazor解决方案),但从概念上讲它非常接近(除了我将限制字段中的字符数,所以没有负数):


干杯!

像这样的东西你在哪里找

<textarea @bind="text"
          @bind:event="oninput"
          maxlength="@MAX_TEXT_COUNT" />
<label>Chars left: @(MAX_TEXT_COUNT - text.Count())</label>

@code {
    string text = "1234";
    const int MAX_TEXT_COUNT = 5;
}

左字符:@(最大文本计数-TEXT.COUNT())
@代码{
字符串text=“1234”;
const int MAX_TEXT_COUNT=5;
}
@bind=“text”
@bind:event=“oninput”
将告诉blazor在每次击键时更新
文本变量。
maxlength=“@MAX_text_COUNT”
将防止用户输入的符号超过
MAX_text_COUNT

Chars left:@(MAX\u TEXT\u COUNT-TEXT.COUNT())
只是打印出差异


这里有一个在线测试的片段:

易于阅读&这正是我所需要的!我点击了有用的按钮,但直到我的代表达到15岁,它才显示出来。如果你不想重新发明方向盘,请使用MudBlazor。