Problema al validar formulario con jquery

[Koden]

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:

function 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.

[Koden]

Finalmente he conseguido validar el formulario con jquery, no obstante, no he conseguido que me cargue el archivo en PHP que debería tomar y tratar los datos del formulario...

Código javascript:

function checkForm () {
    var bool = true;
 
    for (var i=0; i < document.forms[0].elements[i].length; i++)
    {
        if (document.forms[0].elements[i].value = '')
        {
            if (document.forms[0].elements[i].value = 'Seleccione')
            bool = false;
        }
    }
 
    //Si el formulario está validado, carga la página
    if (bool)
    {
        $(document).ready(function()
        {
            $.ajax(
            {
                type: "POST",
                url: "query.php",
                //A data sólo le añado una cadena
                //pues me interesa más cargar el
                //archivo que comprobar las variables
                //por el momento, al menos
                data: "prueba",
                beforeSend: function(datos){
                    $('#resultado').html("<img src='img/ajax-loader.gif' alt='Loading...'/>");
                },
                success: function(datos)
                {
                    $('#resultado').html(datos).show();
                },
                error: function(obj1, e, obj2)
                {
                    //Esta línea me indica el error
                    $('#resultado').html("Se produjo un error : "+ e);
                }
            });
        });
    }
    else
        return false;
}
 

El caso es que, pese a que me valida el formulario, no he conseguido que me muestre la imagen de carga y además, al visualizar el error (en la línea 37 del código que he puesto) me contesta con un escueto error, que tampoco es que me ayude demasiado a la hora de buscar información sobre el problema...

¿Alguien sabría echarme una mano o indicarme algo de documentación al respecto?

(PS: Si este tema ya pertenece al foro de AJAX, ruego a los moderadores que lo muevan)

Muchas gracias a todos y un saludo.