Hola buenos días.
Estoy intentando hacer un formulario que al completarse en lugar de enviarse se valide por una función (mediante un onclick en un botón) y que una vez validado muestre una página de resultados con AJAX.
En la parte de AJAX aún no he tenido problemas (pese a que siempre he desarrollado en XHTML, PHP y MySQL y nunca en JavaScript o en cualquiera de sus frameworks, por lo que, pese a haber leído varios tutoriales e intentado varios modos, aún estoy muy verde)
El principal problema que tengo al validar los campos es que no sé cuántos campos debo validar: me explico.
El usuario debe seleccionar en un desplegable un número de habitaciones, y en función del número que selecciona muestra otro tanto número de desplegables (con el número de adultos y de niños que ocuparán esa habitación)
He intentado comprobar los valores de mil maneras, todas ellas sin éxito; la última de ellas es esta:
Código javascript
:
Ver originalfunction checkForm () {
var bool = true;
for (var i=0; i < $("#myform").elements.length; i++)
{
if ($("#myform").elements[i].val() = '' || $("#myform").elements[i].val() = 'Seleccione')
bool = false;
}
if (bool)
{
$.ajax({
type: "POST",
url: "query.php",
//Aquí pongo los datos a enviar
beforeSend: function(objeto){
$('#resultado').html("<img src='..img/ajax-loader.gif' alt='Loading...'/>");
},
success: function(html){
$.("#resultado").html(html)
},
error: function(html){
alert("El proceso ha fallado!");
}
});
}
else
return false;
}
La llamada del botón es así:
Código HTML:
<input type="button" name="comprobar" value="comprobar" onclick="checkForm();" />
Y la declaración de apertura del formulario, así:
Código HTML:
<form action="#" method="post" name="myform" id="myform">
Reconozco que estoy bastante perdido, con lo cual cualquier ayuda será bienvenida.
Muchas gracias a todos de antemano y un saludo.