Este sería una especie de resumen del codigo:
Código HTML:
<?php
require ("sesion.php");
?>
<!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">
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="login.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.maskedinput-1.2.2.js"></script>
<script type="text/javascript">
$(function() {
$("#tabs").tabs().find(".ui-tabs-nav");
});
jQuery(function($){
$("#Telefono").mask("999-9999");
$("#celular").mask("999-999999");
$("#Cedula").mask("9.999.999-9");
});
$(function() {
$('#f_nac').datepicker({
changeMonth: true,
changeYear: true,
dateFormat: 'yy-mm-dd',
yearRange: '1900:2050',
maxDate: '+0d'
});
});
$(function() {
$('#f_ing').datepicker({
changeMonth: true,
changeYear: true,
dateFormat: 'yy-mm-dd',
yearRange: '1900:2050',
maxDate: '+0d'
});
});
</script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PHP ajax login form using jquery</title>
<link rel="stylesheet" type="text/css" href="css/redmond/jquery-ui-1.7.2.custom.css"/>
</head>
<body class="linea">
<img src="images/logo_Cerro.png" width="132" height="138" alt="Logo" />
<p class="button_text"><a href="index.php?logoff=1" id="logout">Salir</a></p>
<div class="contenedor">
<div id="tabs">
<ul>
<li><a href="#tabs-1">Inicio</a></li>
<li><a href="index.html">Informes</a></li>
<li><a href="users.html">Consultas</a></li>
<li><a href="#tabs-2">Altas</a></li>
<li><a href="src/index.php">Bajas</a></li>
<li><a href="jquery_ui.html">Modificaciones</a></li>
</ul>
<div id="tabs-1">
<p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p>
</div>
<div id="tabs-2">
<fieldset class="rounded-corners">
<legend>Ingreso de Socio</legend>
<form id="alta_socio" class="??" method="post" action="guardar_alta.php">
<label class="description" for="nombres">Nombres </label>
<div>
<input id="nombres" name="nombres" class="element text medium" type="text" size="50"maxlength="255"/>
<span id="nombreInfo"></span>
</div> <br>
<label class="description" for="apellidos">Apellidos </label>
<div>
<input id="apellidos" name="apellidos" class="element text medium" type="text" size="50" maxlength="255"/>
<span id="apellidosInfo"></span>
</div> <br>
<label class="description" for="Cedula">Cedula de dentidad </label>
<div>
<input id="Cedula" name="Cedula" class="element text medium" type="text" maxlength="255" value=""/>
<span id="cedinfo"></span>
</div>
<p>
<label class="description" >Fecha de nacimiento </label>
<br>
<input type="text" id="f_nac"/></label><span id="f_nacinfo"></span>
<br>
</p>
<p>Sexo:<br />
<select class="element select medium" id="Sex" name="Sex">
<option value="" selected="selected"></option>
<option value="0" >Masculino</option>
<option value="1" >Femenino</option>
</select><span id="SexInfo"></span>
<br />
</p>
<p>
<label class="description" for="Domicilio">Domicilio </label><br />
<input id="Domicilio" name="Domicilio" class="" type="text" size="50" maxlength="255" />
<span id="Domi_info"></span>
<p>
<label class="description" for="Telefono"><br>
Telefono </label>
<input id="Telefono" name="Telefono" class="element text" size="8" value="" type="text">
<label class="description" for="celular">Celular</label>
<input id="celular" name="celular" class="element text" size="10" value="" type="text">
Mail
<input id="mail" name="mail" size="20" value="" type="text"/>
<span id="tel_info">Es necesario ingresar al menos un número tel/cel</span><br /><br>
<label class="description" for="Cat">
Categoría </label><br>
<select class="element select medium" id="Cat" name="Cat">
<option value="" selected="selected"></option>
<option value="1" >Infantiles</option>
<option value="2" >Cadetes</option>
<option value="3" >Suscriptores Damas/Jubilados</option>
<option value="4" >Suscriptores Caballeros</option>
<option value="5" >Activos Damas/Jubilados</option>
<option value="6" >Activos Caballeros</option>
<option value="7" >Honorarios</option>
<option value="8" >Vitalicios Colaboradores</option>
<option value="9" >Vitalicios</option>
</select><span id="CatInfo"></span> <br>
<label class="description" for="d_cobro">
<br>
Direccion de Cobro </label> <br>
<input id="d_cobro" name="d_cobro" class="element text medium" type="text" maxlength="255" value=""/>
<span id="d_cobroInfo"></span> <br>
<label class="description" for="f_ing">
<br>
Fecha de Ingreso<br>
</label><input type="text" id="f_ing"/></label><span id="f_ingInfo"></span>
<div></div>
<label class="description" for="Zona">Zona </label>
<div>
<input id="Zona" name="Zona" class="element text medium" type="text" maxlength="255" value=""/>
</div>
<br>
<label class="m_pago" for="m_pago">
Modo de Pago </label><br>
<select class="element select medium" id="m_pago" name="m_pago">
<option value="" selected="selected"></option>
<option value="1" >Mensual</option>
<option value="2" >Trimestral</option>
<option value="3" >Semestral</option>
<option value="4" >Anual</option>
</select><span id="m_pagoInfo"></span>
<input type="hidden" name="form_id" value="164381" />
<input id="saveForm" class="button_text" type="submit" name="submit" value="ingresar" onclick="guardar_alta();" />
</form>
</fieldset>
</div>
</div>
</div>
</div><!-- End demo -->
<div class="demo-description">
<p id="footer" align="center">Sitio creado por M&C para el Club Atletico Cerro-2010</p>
</div><!-- End demo-description -->
<img src="images/jugador.png" width="154" height="228" align="right"/>
</body>
<script type="text/javascript" src="js/validacion.js"></script>
<script type="text/javascript" src="js/validacion.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#saveForm').click(function() {
$.ajax({
type: "POST",
url: "guardar_alta_.php",
data:$("#alta_socio").serialize(),
success: function(respuesta) {
$('#resultado').html(respuesta);
}
});
return false;
});
});
</script>
</html>
</body>
</html> para este caso el formulario está dentro de está página, de cualquier manera el ajax para el formulario no funciona...