client validazione lato non funziona per il campo nascosto in asp.net MVC 3

Question

Ho un campo nascosto con una convalida per come qui sotto

@Html.HiddenFor(m => m.Rating) 
@Html.ValidationMessageFor(m => m.Rating) 

La proprietà Rating ha Range attributo validatore applicato con gamma essendo 1- 5. Questo è inserito in un modulo con un pulsante di invio.

mi hanno poi avuto seguito jquery che imposta il valore nel campo nascosto in qualche evento utente (in pratica l'utente fa clic su alcune stelle a votarla)

$(".star").click(function(){ 
    $("#Rating").val(2); 
}); 

Ora, se io inviare il modulo senza l'evento utente che imposta il campo nascosto, la validazione funziona. I messaggi di errore sono visualizzati correttamente e funzionano su tutti i client.

Ora, in questa situazione, se faccio clic su stelle, che invoca il javascript sopra a imposta il campo nascosto, il messaggio di errore di convalida non scomparirà. Posso inviare il modulo dopo che la variabile nascosta ha un valore valido. Ma mi aspetto che la convalida del lato client dovrebbe funzionare. (Quando la variabile nascosta è stata impostata con un valore valido, l'errore di convalida dovrebbe andare via)

Inizialmente pensavo, la convalida jquery sarebbe stata invocata su alcuni eventi speciali, quindi ho provato a fare clic su, cambiare, keyup, sfocatura e eventi di messa a fuoco me stesso come sotto

$(".star").click(function(){ 
    $("#Rating").val(2); 
    $("#Rating").change(); 
}); 

Ma questo non funziona ancora. I messaggi di errore, una volta visualizzati, non spariscono affatto.

Answer 1

Nel codice che imposta il valore del campo nascosto, richiamare manualmente convalida per la forma, in questo modo:

$("form").validate().form(); 

Answer 2

Penso che sia perché gli input nascosti non attivano nessuno di questi eventi.

Quello che si potrebbe fare invece sarebbe utilizzare un <input type="text" style="display:none" /> invece del campo nascosto;

@html.TextBoxFor(m => m.Rating, new {display = "display:none"}) 

Answer 3

si può avvolgere il vostro campo nascosto con un div mettere da qualche parte, ma ancora all'interno della <form> . Aggiungi css per calciarlo nello spazio.

<div style="position:absolute; top:-9999px; left:-9999px"> 
<input id="Rating" type="hidden" name="rating" > 
</div> 

quindi aggiungere il seguente etichetta al punto in cui si desidera visualizzare l'errore:

<label for="rating" class="error" style="display:none">I am an an error message, please modify me.</label> 

Answer 4

validazione lato client ignora campi nascosti. È possibile impostare dinamicamente l'opzione "ignora" ma, per farlo funzionare, ho fatto direttamente quanto segue nel file .js.

Per ora questo dovrebbe fare il trucco.

Nel mio aspx ...

<%: Html.HiddenFor(model => model.age, new { @class="formValidator" }) %> 

In jquery.validate.js

ignore: ":hidden:not('.formValidator')", 

Answer 5

Questa si è rivelata una questione molto interessante. l'impostazione predefinita "ignora" ignora i campi nascosti. Il campo era nascosto in un plug-in ui jQuery.Ho semplicemente aggiunto una classe chiamata "includeCheckBox" all'input reso che volevo validare e inserire la seguente riga di codice in ...

var validator = $('#formMyPita').validate(); 
validator.settings.ignore = ':hidden:not(".includeCheckBox")'; 
if ($('#formMyPita').valid()) {....