Question

I have a TextArea() control in my View implemented using Razor Engine.

@Html.TextArea("EventNature",new { style = "width: 200px; height: 100px;" })

How can i set the Maxlength attribute for this control?
is there any built in Attribute in RazorEngine or do i have to use scripts?

Answer 1

You can do it like:

@Html.TextArea("EventNature",new { maxlength=50, // or other value
                                  style = "width: 200px; height: 100px;" })

Just be aware it’s an HTML5 attribute

maxlength HTML5
The maximum number of characters (Unicode code points) that the user can enter. If it is not specified, the user can enter an unlimited number of characters.

MDN

---

Javascript(using jQuery) validation for HTML <5:

$('#EventNature').keypress(function(){
    if (this.value.length >= 10) // allowing you to enter only 10 chars.
    return false;        
});​

DEMO