Determinar si la página es válida en JavaScript - ASP.NET

Question

¿Cuál es la mejor manera de determinar si un formulario en una página ASPX es válido en JavaScript?

Estoy tratando de verificar la validación de un control de usuario que se abrió utilizando JavaScript window.showModalDialog() y no funciona la verificación de la propiedad 'Page.IsValid' en el servidor. Estoy usando controles de validación de ASP.NET para la validación de la página.

Answer 1

Si tengo una página que está utilizando un montón de controles de validación ASP.NET voy a utilizar un código similar al siguiente para validar la página. Realice la llamada en un envío de entrada. ¡Con suerte, esta muestra de código lo ayudará a comenzar!

<input type="submit" value="Submit" onclick"ValidatePage();" /> 

    <script type="text/javascript"> 

    function ValidatePage() { 

     if (typeof (Page_ClientValidate) == 'function') { 
      Page_ClientValidate(); 
     } 

     if (Page_IsValid) { 
      // do something 
      alert('Page is valid!');     
     } 
     else { 
      // do something else 
      alert('Page is not valid!'); 
     } 
    } 

</script> 

Answer 2

Usted puede usar jQuery y el plugin para Validation realizar la validación del lado del cliente. Esto funcionará con las etiquetas html y los controles del servidor asp.net. Phil Haack has a good sample project que le mostrará los conceptos básicos.

Este SO question tiene una revisión en profundidad de este enfoque también.

Answer 3

Los controles de validación ASP.NET exponen una API de cliente puede utilizar con javascript: http://msdn.microsoft.com/en-us/library/aa479045.aspx

Usted debe ser capaz de verificar el objeto Page_IsValid para ver si alguno de los controles de validación no son válidos.

Answer 4

Estás navegando por Page.IsValid donde se debe comprobar para Page_IsValid (que es una variable expuesta por los validadores .NET) :)

Answer 5

$("input[id$=Button2]").click(function() { 
    var validated = Page_ClientValidate('repo'); 
    if (validated) { 
     // JavaScript code. 
    } 
}); 

Answer 6

Conjunto ValidationGroup propiedad para cada control asp.net validador en su página , debe proporcionar el mismo nombre al ValidationGroup en una página.

Por ejemplo:

<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="Required" ValidationGroup="Validate"></asp:RequiredFieldValidator> 
    <asp:RangeValidator ID="RangeValidator1" runat="server" ErrorMessage="RangeValidator" ValidationGroup="Validate"></asp:RangeValidator> 
    <asp:CustomValidator ID="CustomValidator1" runat="server" ErrorMessage="CustomValidator" ValidationGroup="Validate"></asp:CustomValidator> 

Después de que en su llamada javascript como Page_ClientValidate("ValidationGroup")

Por ejemplo:

function ValidatePage(){ 
if(Page_ClientValidate("Validate")){ //validate using above validation controls group 
     //validation return true section 
} 
else{ 
     //validation return false section 
} 
}