L'attribut MaxLength ne génère pas d'attributs de validation côté client

Question

J'ai un curieux problème avec la validation côté client d'ASP.NET MVC3. J'ai la classe suivante :

public class Instrument : BaseObject
{
    public int Id { get; set; }

    [Required(ErrorMessage = "Name is required.")]
    [MaxLength(40, ErrorMessage = "Name cannot be longer than 40 characters.")]
    public string Name { get; set; }
}

De mon point de vue :

<div class="editor-field">
    @Html.EditorFor(model => model.Name)
    @Html.ValidationMessageFor(model => model.Name)
</div>

Et voici le HTML généré que j'obtiens pour la zone de texte de ce champ :

<input class="text-box single-line" data-val="true" data-val-required="Name is required." id="Name" name="Name" type="text" value="">

Aucun signe de la MaxLengthAttribute mais tout le reste semble fonctionner.

Une idée de ce qui ne va pas ?

Answer 1

Essayez d'utiliser le [StringLength] attribut :

[Required(ErrorMessage = "Name is required.")]
[StringLength(40, ErrorMessage = "Name cannot be longer than 40 characters.")]
public string Name { get; set; }

C'est à des fins de validation. Si vous souhaitez définir, par exemple, l'attribut maxlength sur l'entrée, vous pouvez écrire un fournisseur de métadonnées d'annotations de données personnalisé comme suit présenté dans ce post et personnaliser le Modèles par défaut .

Answer 2

Je viens d'utiliser un bout de jquery pour résoudre ce problème.

$("input[data-val-length-max]").each(function (index, element) {
   var length = parseInt($(this).attr("data-val-length-max"));
   $(this).prop("maxlength", length);
});

Le sélecteur trouve tous les éléments dont l'attribut data-val-length-max est défini. Il s'agit de l'attribut que l'attribut de validation StringLength définira.

La boucle each passe en revue ces correspondances et extrait la valeur de cet attribut pour l'affecter à la propriété mxlength qui aurait dû être définie.

Il suffit de l'ajouter à la fonction de préparation des documents et le tour est joué.

Answer 3

MaxLengthAttribute fonctionne depuis la mise à jour de MVC 5.1 : notes de modification

Answer 4

Dans MVC 4 Si vous voulez une longueur maximale dans le texte du type input ? C'est possible !

@Html.TextBoxFor(model => model.Item3.ADR_ZIP, new { @class = "gui-input ui-oblig", @maxlength = "5" })

Answer 5

Bravo à @Nick-Harrison pour sa réponse :

$("input[data-val-length-max]").each(function (index, element) {
var length = parseInt($(this).attr("data-val-length-max"));
$(this).prop("maxlength", length);
});

Je me demandais à quoi servait la fonction parseInt() ? Je l'ai simplifié comme ceci sans problème...

$("input[data-val-length-max]").each(function (index, element) {
    element.setAttribute("maxlength", element.getAttribute("data-val-length-max"))
});

J'aurais bien commenté la réponse de Nicks mais je n'ai pas encore assez de représentants.