Modèle liaison sécurisée avec Textbox handicapés

Question

J'ai une zone de texte que je suis définissant comme

<%= Html.TextBox("Username", Model.Form.Username, 
     new { @class = "textbox", @disabled = "disabled" })%> 

Dans mon action

[AcceptVerbs(HttpVerbs.Post)] 
    [ValidateAntiForgeryToken] 
    public ActionResult EditLogin(LoginForm post) { 

     ... 

     return View(model); 
    } 

post.Username sera vide, toutes les autres propriétés se lient correctement, mais si je change @ disabled = "disabled to @ readonly =" readonly "le nom d'utilisateur se lie correctement et tout fonctionne

Il semble que la liaison par modèle ignore les valeurs dans les champs désactivés. J'ai besoin de la valeur du champ pour lier le modèle. Je peux utiliser readonly mais je préférerais utiliser désactivé, donc il est visuellement évident pour l'utilisateur qu'il ne peut pas modifier la valeur du champ.

Answer 1

Je crois qu'un champ de formulaire qui est désactivé ne soumet rien. Si vous avez un formulaire et désactivez le champ foo dans ce formulaire, lorsque vous postez le message n'aura pas la valeur pour le champ foo. Ceci est simplement la nature de désactiver un champ en HTML et n'est pas un problème MVC.

Answer 2

Si vous souhaitez que la valeur soit renvoyée mais ne puisse pas être modifiée, vous pouvez la placer dans un champ masqué. Évidemment, ne le faites pas pour tout ce qui nécessite un certain degré de sécurité, car un utilisateur peut l'altérer.

Answer 3

utilisez readonly - désactive l'entrée mais vous l'avez toujours dans la liaison. Vous pourriez appliquer un style sur le div pour le rendre grisâtre peut-être?

<div class="editor-label"> 
    @Html.LabelFor(model => model.FileName) 
</div> 
<div class="editor-field-greyed-out"> 
    @Html.TextBoxFor(model => model.FileName, new { @readonly = true }) 
    @Html.ValidationMessageFor(model => model.FileName) 
</div> 

Answer 4

Vous pouvez faire une solution de contournement en ajoutant un champ caché avec la même valeur;)

<%= Html.Hidden("Username", Model.Form.Username)%> 

Answer 5

manière la plus simple de soumettre des champs handicapés est de les copier sur un contrôle invisible, non invalide avant soumettre . Certaines personnes créent ces contrôles manuellement et se connectent à l'événement on change de jQuery pour les copier à la demande, mais cette solution est générique, facile et moins bavarde - bien qu'une règle: vous devez créer (rendre) une page propre après la publication (si

$('#submitBtn').closest('form').one('submit', function() { 

    var $form = $(this); 

    // input, textarea, select, option, ----- button, datalist, keygen, output, optgroup 
    $form.find('input:disabled, textarea:disabled, select:disabled, option:disabled').each(function() { 

     var $item = $(this); 

     var hiddenItem = $item.clone(); 
     hiddenItem.removeAttr('id'); 
     hiddenItem.removeAttr('disabled'); 
     hiddenItem.attr('style', 'display: none'); 

     $item.after(hiddenItem); 
    }); 

}); 

Answer 6

@ReadOnly = true ne fonctionne pas sur ma page. Je l'ai fait des recherches supplémentaires. Voici l'article qui explique

ReadOnly attribute doesn't work in ASP.NET MVC Models

Answer 7

Comme suggéré dans les commentaires, en lecture seule au lieu de personnes handicapées peut être une option, mais cela ne fonctionnera pas pour les boîtes de sélection Au lieu de créer une entrée cachée, vous pouvez p les entrées ou sélectionne comme désactivé et passe toujours les données en changeant la propriété désactivée avec JavaScript lors de la soumission.

En utilisant jQuery ce serait ressembler à ceci:

$('form').on('submit', function(){ 
    $('input, select').prop('disabled',false); 
    return true; 
});