Opinion validación javascript

[Pantaláimon]

Cierto, los innerHTML cambian (que por cierto, si sólo quieres añadir texto usa mejor textContent ). Pero vaya, la idea es la misma, poner la información que cambia en un objeto o array y recorrer la estructura que se repite mediante un bucle:

Código Javascript:

var info = {
        name        : ['namebox'        , 'Please fill in name' ],
        passport    : ['passportbox'    , 'Please fill in your identification' ],
        emailtrue   : ['emailtruebox'   , 'Please fill in email' ],
        repeat_email: ['repeat_emailbox', 'Please repeat email' ],
        telmobile   : ['telmobilebox'   , 'Please fill in mobile to bring on holiday' ],
        test        : ['resultbooking'  , 'Please answer the security question' ]
    }
    for( key in inputs ) {
        if(document.Booking[key].value == '')
        {
            divresult = document.getElementById(info[key][0])
            divresult.className = 'validation'
            divresult.textContent = info[key][1];
            document.Booking[key].focus();
            return false;
        }
    }
 

preventDefault es un método de javascript. Aquí dejo información;
http://www.w3.org/TR/2003/NOTE-DOM-L...t-binding.html
http://www.lewebmonster.com/funcion-...en-javascript/
https://developer.mozilla.org/es/doc...preventDefault

La idea básica es que el handler( función llamada cuando ocurre el evento) acepta un parámetro event y este puede llamar al método preventDefault para evitar el submit:

Código Javascript:

function OnSubmitBooking( event ) {
    event.preventDefault();
    if( error validacion ) {
        // ...
    } else { // si todo correcto 
        // hacer lo que sea 
        // ...
        // hacer submit al formulario
        this.submit();
    }
}
 

Aunque sin saber del HTML quizá esté dando palos de ciego.

Un saludo!