Ignorar .NET validadores si el elemento está oculto (display: none)

Question

menudo Llegamos a tener problemas con los validadores .NET en elementos que están ocultos usando javascript/css (es decir, pantalla:. Ninguno)

Por ejemplo (que puede ser errores de sintaxis, pero no se preocupe por ello)

<asp:CheckBox ID="chkNewsletter" runat="server" Checked="true" /> 
... 
<div id='newsletterOnly'> 
    <asp:TextBox ID="txtEmail" runat="server" /> 
    <asp:RequiredFieldValidator ID="vldEmail" ControlToValidate="txtEmail" ErrorMessage="Required" runat="server" /> 
</div> 

con JavaScript:

$('#chkNewsletter').changed(function() { 
    $(this).is(':checked') ? $('#newsletterOnly').show() : $('#newsletterOnly').hide(); 
}); 

no debe validar txtEmail si Está oculto.
No se puede enviar el formulario si newsletterOnly está oculto, porque el RequiredFieldValidator sigue siendo eficaz apesar de que se oculta :(
Y ni siquiera puede ver el mensaje de error de validación porque está escondido

Está hay alguna forma de evitar esto?

que estoy tratando de evitar las devoluciones de datos para mejorar la experiencia del usuario.
me gustaría poder modificar .NET javascript para validar controles sólo cuando son visibles.

Answer 1

escribí este como una solución general (se puede usar en todos los sitios web de .NET).

Solo necesita agregar un OnClientClick al botón de enviar.

//=================================================================== 
// Disable .NET validators for hidden elements. Returns whether Page is now valid. 
// Usage: 
// <asp:Button ID="btnSubmit" runat="server" Text="Submit" OnClientClick="DisableHiddenValidators()" /> 
//=================================================================== 
function DisableHiddenValidators() { 
    for (var i = 0; i < Page_Validators.length; i++) { 
    var visible = $('#' + Page_Validators[i].controltovalidate).is(':visible'); 
    ValidatorEnable(Page_Validators[i], visible) 
    } 
    return Page_ClientValidate(); 
} 

Para usarlo, basta con incluir lo anterior javascript y añadir la clase OnClientClick="DisableHiddenValidators()" al botón de enviar:

<asp:Button ID="btnSubmit" runat="server" Text="Submit" OnClientClick="DisableHiddenValidators()" /> 

EDIT: jQuery $(submitButton).click función no funciona en el iPhone/Android. He cambiado ligeramente el código de muestra anterior.

Si alguien ver nada mal o mejoras posibles favor comentar :)

Answer 2

También puede ser una buena idea utilizar Grupos de validación en una situación como esta. Si puede agrupar sus validadores, especifique en el Botón qué grupo de validación debe validar, solo se validarán los validadores en el grupo. Lea más aquí: http://msdn.microsoft.com/en-us/library/vstudio/ms227424(v=vs.100).aspx