如何将javascript注入HTMLhelper文本字段

时间:2019-04-23 08:19:33

标签: javascript asp.net-mvc html-helper

我使用asp.net mvc创建了一个表单,我使用的是实体框架数据库。在表单上有文本字段,如何在html helper中添加JavaScript。

bellow是文本字段

@Html.TextAreaFor(m => m.ShortSummary, htmlAttributes: new { onkeyup = UpdateLength(600, "ShortSummary", "count" ) })
<span id="count"></span>

使用它创建的功能来计算用户键入时的字符数

<script type="text/javascript">
    function UpdateLength(length, textID, spanID) {
        var text = document.getElementById(textID);
        var span = document.getElementById(spanID);

        span.innerHTML = (length - text.value.length);
    }
</script>

我想将上述功能添加到文本字段

1 个答案:

答案 0 :(得分:0)

此代码对我来说效果很好,感谢所有帮助 <textarea asp-for="ShortSummary" class = "form-control resizer" placeholder = "Short Summary (90 words)" tabindex = 1 rows = 8 onkeyup='UpdateLength(600, "ShortSummary", "count")'></textarea>