Ver Mensaje Individual
  #4 (permalink)  
Antiguo 23/09/2011, 18:02
calvod70
 
Fecha de Ingreso: febrero-2009
Mensajes: 2
Antigüedad: 15 años, 2 meses
Puntos: 0
Respuesta: Validacion ASP.NET y jQUery.Validate

Yo tenia el mismo problema los soluciones de la siguiente manera


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="TestValidaciones.aspx.cs" Inherits="TestValidaciones" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Validaciones</title>
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script src="Scripts/jquery.validationEngine.js" type="text/javascript"></script>
<script src="Scripts/languages/jquery.validationEngine-es.js" type="text/javascript"></script>
<link type="text/css" href="css/redmond/jquery-ui-1.8.16.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
<link href="css/redmond/validationEngine.jquery.css" rel="stylesheet" type="text/css" />
<script src="Scripts/jquery.validate.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#tabs").tabs();
});
function fn_init() {
$("#form1").validate({
rules: {
txtNombreDeUsuario: { required: true },
txtNombre: { required: true },
txtEmail: { required: true, email: true }
},
messages: {}
});
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_initializeRequest(onEachRequest);
}
function onEachRequest(sender, args) {
if ($("#form1").valid() == false) {
args.set_cancel(true);
}
}

</script>
</head>
<body>
<form id="form1" runat="server" >
<div><asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div id="Contenido" class="Contenido">

<div id="ContenidoAreaPestañas" class="ContenidoAreaPestañas">

<div id="tabs">
<ul>
<li><a href="#tabs-1">Usuarios</a></li>
<li><a href="#tabs-2">Compañia(s)

</a></li>
</ul>

<div id="tabs-1">
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<table>
<tr>
<td class="AreaEtiquetas">
<asp:Label ID="lblNombreDeUsuario" runat="server" Text="Nombre de usuario"></asp:Label>
<asp:Label ID="lblIdUsuario" runat="server" Text="" Visible="false"></asp:Label>
</td>
<td class="AreaInputs">
<asp:TextBox ID="txtNombreDeUsuario" runat="server" AutoComplete="Off"
CssClass="validate[required] requerido"></asp:TextBox>
</td>
</tr>
<tr>
<td class="AreaEtiquetas">
<asp:Label ID="lblNombre" runat="server" Text="Nombre"></asp:Label>
</td>
<td class="AreaInputs">
<asp:TextBox ID="txtNombre" runat="server"
CssClass="validate[required] requerido"></asp:TextBox>
</td>
<td class="AreaEtiquetas">
<asp:Label ID="lblApellidoPaterno" runat="server" Text="Apellido Paterno"></asp:Label>
</td>
<td class="AreaInputs">
<asp:TextBox ID="txtApellidoPaterno" runat="server"
CssClass="validate[required] requerido"></asp:TextBox>
</td>
</tr>
<tr>
<td class="AreaEtiquetas">
<asp:Label ID="lblApellidoMaterno" runat="server" Text="Apellido Materno"></asp:Label>
</td>
<td class="AreaInputs">
<asp:TextBox ID="txtApellidoMaterno" runat="server"></asp:TextBox>
</td>
<td class="AreaEtiquetas">
<asp:Label ID="lblPerfil" runat="server" Text="Perfil"></asp:Label>
</td>
<td class="AreaInputs">
<asp:DropDownList ID="ddlPerfil" runat="server" >
</asp:DropDownList>
</td>
</tr>
<tr>
<td class="AreaEtiquetas">
<asp:Label ID="lblContrasena" runat="server" Text="Contraseña"></asp:Label>
</td>
<td class="AreaInputs">
<asp:TextBox ID="txtContrasena" runat="server" ></asp:TextBox>
</td>
<td class="AreaEtiquetas">
<asp:Label ID="lblEmail" runat="server" CssClass="" Text="Email"></asp:Label>
</td>
<td class="AreaInputs">
<asp:TextBox ID="txtEmail" runat="server"
></asp:TextBox>
</td>
</tr>
<tr>
<td colspan="3">
<asp:Button ID="Button1" runat="server" onclick="Button1_Click"
Text="Guardar" />
<asp:Button ID="Button2" runat="server" CausesValidation="False"
onclick="Button2_Click" Text="Button" />
</td>
</tr>
</table>
</ContentTemplate>
</asp:UpdatePanel>

</div>

<div id="tabs-2">
<p>Morbi ti.</p>
</div>
</div>

</div>


</div>
</div>
</form>
<script type="text/javascript">
function pageLoad() {
fn_init();
}
</script>
</body>
</html>