requiero de su ayuda.Tengo lo siguiente pagina, bastante sencilla, aunque esto también me ocurre con otras:
La pagina se llama agenda.php
Utilizo funciones para realizar el control de errores, que se llama funciones.js.
El problema es que una vez que verifico que los campos sean no vacios y quiero hacer el insert el boton no hace nada, (input type='submit' value='Ingresar' class='Button'>), pero si le quito esta linea <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js'></script> hago el insert pero no puedo validar los campos que esten vacios, pero si dejo el boton de esta manera: <input type='submit' value='Ingresar2' class='button'>, solo le cambie el nombre y con la linea del ajax... hago el insert pero no valido, sin embargo si dejo dos botones uno valida y el otro hace el insert: <input type='submit' value='Ingresar' class='Button'> <input type='submit' value='Ingresar2' class='button'>. Favor ayudarme, he intentado varios cambios y no funciona.
$(document).ready(function () {
var emailreg = /^[a-zA-Z0-9_\.\-]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-\.]+$/;
$(".Button").click(function (){
$(".error").remove();
if( $(".fecha").val()== ""){
$(".fecha").focus().after("<span class='error'>Ingrese un fecha</span>");
return false;
}else if( $(".evento").val() == "" ){
$(".evento").focus().after("<span class='error'>Ingrese evento</span>");
return false;
}else if( $(".usuario").val() == "" ){
$(".usuario").focus().after("<span class='error'>Ingrese usuario</span>");
return false;
}else if( $(".password").val() == ""){
$(".password").focus().after("<span class='error'>Ingrese clave</span>");
return false;
}else if( $(".email").val() == "" || !emailreg.test($(".email").val()) ){
$(".email").focus().after("<span class='error'>Ingrese un email correcto</span>");
return false;
}else if( $(".confirmar_clave").val()== ""){
$(".confirmar_clave").focus().after("<span class='error'>Clave deben ser iguales</span>");
return false;
}else if( $(".nombre").val()== ""){
$(".nombre").focus().after("<span class='error'>Ingrese su nombre</span>");
return false;
}else if( $(".apellido_pat").val()== ""){
$(".apellido_pat").focus().after("<span class='error'>Ingrese su primer apellido</span>");
return false;
}else if( $(".apellido_mat").val()== ""){
$(".apellido_mat").focus().after("<span class='error'>Ingrese su segundo apellido</span>");
return false;
}else if( $(".pais").val()== ""){
$(".pais").focus().after("<span class='error'>Ingrese su pais</span>");
return false;
}else if( $(".fecha_nac").val()== ""){
$(".fecha_nac").focus().after("<span class='error'>Ingrese fecha de nacimiento</span>");
return false;
}else if( $(".telefono").val()== ""){
$(".telefono").focus().after("<span class='error'>Ingresa su telefono</span>");
return false;
}
});
$(".usuario, .correo, .password, .confirmar_clave, .nombre, .apellido_pat, .apellido_mat, .pais, .fecha_nac, .telefono, .fecha,.evento").keyup(function(){
if( $(this).val() != "" ){
$(".error").fadeOut();
return false;
}
});
$(".email").keyup(function(){
if( $(this).val() != "" && emailreg.test($(this).val())){
$(".error").fadeOut();
return false;
}
});
});
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Registro</title>
<link href="../css/textos.css" rel="stylesheet" type="text/css">
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js'></script>
<script src='funciones.js'></script>
</head>
<body onload="document.form.fecha.focus();">
<div id="contenedorPrincipal" align="center">
<p><br><br><br></p>
<div id="contenedoranidado">
<div id="bannerRegistroZP" align="center"><img height="4%" width="10%" alt="" src="../Iconos/Inicio.ico"></div>
<table width="70%" id="tabla6x"border="0" align="center" cellpadding="0" cellspacing="0" class="TextoSmall">
<form action="http://localhost/Tesis/paginas/agenda_accion.php" method="post" name="form">
<tr>
<td height="30" class="texto"><span class="TextoTotal"><span class="TextoTotal">Fecha</span></span></td>
<td class="input"><span class="TextoTotal"><span class="TextoTotal">
<script type="text/javascript">
function voiceInputOver(val){
}
</script>
<input type='text' id='fecha' name='fecha' onkeypress="return validar_texto(event)" size="15" maxlength="8" value='' class='fecha' input x-webkit-speech speech error onwebkitspeechchange="voiceInputOver(this.value)" placeholder="28/08/1982" >
</span></span></td>
<td class="texto"><span class="TextoTotal"><span class="TextoTotal">Evento</span></span></td>
<td class="input"><span class="TextoTotal"><span class="TextoTotal">
<script type="text/javascript">
function voiceInputOver(val){
}
</script>
<input type='text' id='evento' name='evento' value='' class='evento' input x-webkit-speech speech error onwebkitspeechchange="voiceInputOver(this.value)" placeholder="Viaje a Santiago" >
</span></span></td>
<td class="TablaLogin" colspan="6" align="center">
<input type='submit' value='Ingresar' class='Button'></td>
</form>
</table>
</body>
</html>
