Die Begrenzung der Länge der Zeichen in einem Textfeld während der Verwendung des Messers Html.EditFor

Ich bin mit MVC3 Razor engine zu sichten erzeugen und die folgende Zeile von code-Generierung eine textbox

 @Html.EditorFor(model => model.AddressLine1)

In den entsprechenden Modell-ich bin mit einem Daten-annotation Attribut, um die Anzahl der zulässigen Zeichen auf 55:

[StringLength(55)]
public string  AddressLine1 { get; set; }

Jedoch dies erlaubt dem Benutzer, geben Sie eine längere Adresse werden nur dann erzählt, dass über eine Validierung Nachricht, wenn Sie versuchen, und senden Sie das Formular. Wie kann ich die Grenze der textbox zu 55 Zeichen, so dass der Benutzer nicht in der Lage ist zu geben mehr, als dass in?

Wenn ich die Generierung der text-box selbst würde ich die maxlength-Attribut für einen input geben, aber ich bin mir nicht sicher, wie Sie die gleichen Ergebnisse zu erzielen, indem Sie das Html.EditFor Methode.

InformationsquelleAutor Sperick | 2012-06-29
  1. 8

    Verwenden maxlength und ein TextBoxFor statt EditorFor

    EditorFor hat keine überlast, die es erlauben, das zu tun.

    Dies könnte auch noch interessant für dich :
    maxlength-Attribut eines Textfeldes aus der DataAnnotations-StringLength in Asp.Net MVC

    InformationsquelleAutor Raphaël Althaus
  2. 8
     @Html.TextBoxFor(model => model.AddressLine1, new {maxlength = 55})

    maxlength

    Wenn der Wert des type-Attribut ist text, E-Mail, Suche, Passwort, tel oder url, dieses Attribut gibt die maximale Anzahl von Zeichen (im Unicode-code-points), die der Nutzer eingeben können; für andere Arten der Kontrolle, wird es ignoriert.

    Können Sie auch jQuery verwenden, ohne änderung der DOM:

    $('#AddressLine1').keypress(function(){
    return this.value.length < 55
})
    • Es funktioniert perfekt in HTML4. Sie sind nur neue Einschränkungen in HTMl5, denke ich.
    • Du hast Recht, ich habe das getestet in IE8, und es unterstützt. Ich bearbeitet habe.
    InformationsquelleAutor gdoron
  3. 0
    $('#AddressLine1').keypress(function(){
    return this.value.length < 55
})

    Diese jQuery-Funktion arbeitet, die auf web-Browser aber auf Handy diese nicht unterstützt, sodass bei der Erstellung einer Website, auf die zugegriffen wird, indem jeder Bedenken, dass

    InformationsquelleAutor befree2j
Schreibe einen Kommentar