Este es el script de validación:
<script type="text/javascript">
$().ready(function() {
$("#formAlbaran").validate({
// debug: true,
errorElement: "errorlabel",
rules: {
nombre_unidad: {required: true},
matricula: {required: true},
tipo_residuo: {required: true},
albaran: { required: true, digits: true},
peso: { required:true, digits: true},
datepicker: { required:true}
},
messages: {
nombre_unidad: "Debe seleccionar una unidad de tratamiento.",
matricula: "Debe seleccionar una matrícula.",
tipo_residuo: "Debe seleccionar un tipo de residuos.",
albaran: "Debe introducir el número de albarán (sólo dígitos).",
peso: "Debe introducir el peso recogido (sólo dígitos).",
datepicker: "Debe seleccionar una fecha."
},
submitHandler: function(form){
var stringDatos = 'nombre_unidad='+$('#nombre_unidad').val()+'&matricula='+$('#matricula').val()+'&tipo_residuo='+$('#tipo_residuo').val()+'&albaran='+$('#albaran').val()+'&peso='+$('#peso').val()+'&datepicker='+$('#datepicker').val();
$.ajax({
type: $(form).attr("method"),
url: "pruebaaaa.php",
data: stringDatos,
dataType : "json",
success: function(data){
}
});
}
});
});
</script>
Una vez validado el form, hago el POST a pruebaaaa.php, que tiene el código que me indicabas antes
pruebaaaa.php:
<?php echo 'entrando en la página';echo '<script type="text/javascript">alert("Probando vamos a proceder a redireccionar");window.location.assign("success.html");</script>';echo 'salida de la página';?>
Podría estar el error en la funcion success???
Muchísimas gracias
No hace nada, el script del principio es el que valida los campos.
Si no son correctos, muestras un mensaje al lado de los campos de texto.
Te copio el código entero (está un poco guarrete :-[ )
<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es">
<head>
<meta charset="UTF-8">
<title>Gestion Residuos</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="css/jquery-ui.min.css" rel="stylesheet" type="text/css">
<link href="css/estilos.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="css/default.css" />
<link rel="stylesheet" type="text/css" href="css/jquery-ui-1.7.2.custom.css" />
<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="./js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="./js/jquery.ui.datepicker.validation.min.js" type="text/javascript"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
<script type="text/javascript">
jQuery(function($){
$.datepicker.regional['es'] = {
closeText: 'Cerrar',
prevText: '<Ant',
nextText: 'Sig>',
currentText: 'Hoy',
monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio',
'Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun',
'Jul','Ago','Sep','Oct','Nov','Dic'],
dayNames: ['Domingo','Lunes','Martes','Miércoles','Jueves','Viernes','Sábado'],
dayNamesShort: ['Dom','Lun','Mar','Mié','Juv','Vie','Sáb'],
dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sá'],
weekHeader: 'Sm',
dateFormat: 'dd-mm-yy',
firstDay: 1,
isRTL: false,
showMonthAfterYear: false,
yearSuffix: ''};
$.datepicker.setDefaults($.datepicker.regional['es']);
// $("#datepicker").datepicker({showButtonPanel: true});
});
$(document).ready(function() {
$("#datepicker").datepicker({showButtonPanel: true});
});
</script>
<script type="text/javascript">
$().ready(function() {
$("#formAlbaran").validate({
// debug: true,
errorElement: "errorlabel",
rules: {
nombre_unidad: {required: true},
matricula: {required: true},
tipo_residuo: {required: true},
albaran: { required: true, digits: true},
peso: { required:true, digits: true},
datepicker: { required:true}
},
messages: {
nombre_unidad: "Debe seleccionar una unidad de tratamiento.",
matricula: "Debe seleccionar una matrícula.",
tipo_residuo: "Debe seleccionar un tipo de residuos.",
albaran: "Debe introducir el número de albarán (sólo dígitos).",
peso: "Debe introducir el peso recogido (sólo dígitos).",
datepicker: "Debe seleccionar una fecha."
},
submitHandler: function(form){
var stringDatos = 'nombre_unidad='+$('#nombre_unidad').val()+'&matricula='+$('#matricula').val()+'&tipo_residuo='+$('#tipo_residuo').val()+'&albaran='+$('#albaran').val()+'&peso='+$('#peso').val()+'&datepicker='+$('#datepicker').val();
$.ajax({
type: $(form).attr("method"),
url: "Pruebaaaaa.php",
data: stringDatos,
dataType : "json",
success: function(data){
}
});
}
});
});
</script>
</head>
<body>
<div class="group">
<!action="registro.php">
<form method="POST" clas="ui-widget" id="formAlbaran" >
<h2><em>Introducir datos de albarán</em></h2>
<label for="unidad_tratamiento">Seleccione la unidad de tratamiento <span></span></label>
<select id="nombre_unidad" name="nombre_unidad" >
<option value="" selected="selected">- selecciona -</option>
<?php include ('BD_mysql.php'); $nombreBasededatos = 'gestion_residuos'; $servidor = 'localhost'; $usuario = 'root'; $clave = '*******'; $miconexion = new BD_mysql ; $miconexion->conectar($nombreBasededatos, $servidor, $usuario, $clave); $miconexion->consulta("SELECT * FROM unidad_tratamientos"); $miconexion->escribirSelect(); ?>
</select>
<label for="camiones">Seleccione la matrícula del camión <span></span></label>
<select id="matricula" name="matricula" >
<option value="" selected="selected">- selecciona -</option>
<?php //Consultamos la BBDD de las unidades de tratamiento $miconexion->consulta("SELECT * FROM camiones"); $miconexion->escribirSelect(); ?>
</select>
<label for="residuos">Seleccione tipo de residuo <span></span></label>
<select id="tipo_residuo" name="tipo_residuo" >
<option value="" selected="selected">- selecciona -</option>
<?php $miconexion->consulta("SELECT * FROM residuos"); $miconexion->escribirSelect(); ?>
</select>
<label for="albaran">Introduzca número de albarán <span></span></label>
<input type="text" id="albaran" name="albaran" maxlength="6" /> <!class="form-input" Formato >
<label for="albaran">Introduzca el peso <span></span></label>
<input type="text" id="peso" name="peso" />
<label for="fecha_recogida">Seleccione la fecha de recogida <span></span></label>
<script type="text/javascript">
$(document).ready(function() {
$("#datepicker").datepicker();
});
</script>
<input type="text" name="datepicker" id="datepicker" readonly="readonly" size="12" />
<center> <input type="submit" value="Guardar" /></center>
<?php // mysql_close($miconexion); ?>
</form>
</div>
</body>
</html>