it-swarm.com.de

so legen Sie die maxlength für TextAreaFor in View mithilfe der Razor Engine fest

Ich habe ein TextArea () - Steuerelement in meiner Ansicht, das mit Razor Engine implementiert wird.

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

Wie kann ich das Maxlength-Attribut für dieses Steuerelement festlegen?
Gibt es in RazorEngine ein eingebautes Attribut oder muss ich Skripts verwenden?

12
Kamil

Sie können es wie folgt machen:

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

Beachten Sie, dass es sich um ein HTML5-Attribut handelt

maxlength HTML5
Die maximale Anzahl von Zeichen (Unicode-Codepunkte), die der Benutzer eingeben kann. Wenn es nicht angegeben ist, kann der Benutzer eine unbegrenzte Anzahl von Zeichen eingeben.

MDN


Javascript (mit jQuery) Validierung für HTML <5:

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

DEMO

30
gdoron

Dies funktioniert auch für den TextAreaFor -Helper mit mehr als einem anonymen Typ in new

Bestätigt zu funktionieren gut in Visual Studio 2015 mit MVC 5  

@Html.TextAreaFor(model => model.Comments, 5, 500, new {maxlength=4000,  @class = "form-control" })
3
Tom Stickel

Sie können auch die Länge des Textfelds wie folgt einschränken:

<textarea id="EventNature1" maxlength="10"></textarea>

        OR
@Html.TexareaFor(m=>m.Name,new{@maxlength="10"})
1
kavitha Reddy
<p>Customer Number: @Html.TextBox("SearchString1",null, new {maxlength = 6})
 <input type="submit" value="Filter" /></p>

Das obige ist ein Beispiel, bei dem ich die maximal zulässigen Zeichen einschränken konnte. Die angezeigten Tipps, die Sie in einer .Net-Umgebung verwenden können, sind äußerst hilfreich. (* Hinweis: Die Größe des Textfelds wird dadurch nicht physisch geändert.)

"SearchString1" = Name der Zeichenfolge ----- null = Objektwert ------ new {maxlength = 6} = object htmlAttributes

0
Jonathan