how to inject javascript into a HTMLhelper text field

Question

i created a form using asp.net mvc, i am using entity framework database.on the form there are text fields, how do i add javascript inside a html helper.

bellow is the textfield

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

bellow its the function i created to count the number of characters when the user types

<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>

i want to add the above function to the text field

just wrap your js function call in quotes like this: `"UpdateLength(600, 'ShortSummary', 'count')"` — Roman Koliada, Apr 23 '19 at 08:48

score 0 · Answer 1 · answered Apr 23 '19 at 09:07

0

this code worked fine for me, thanks for all the help <textarea asp-for="ShortSummary" class = "form-control resizer" placeholder = "Short Summary (90 words)" tabindex = 1 rows = 8 onkeyup='UpdateLength(600, "ShortSummary", "count")'></textarea>

answered Apr 23 '19 at 09:07

sonqoba dubulaa

57
4

how to inject javascript into a HTMLhelper text field

1 Answers1