Hola a todos,
Tengo un formulario que simula varios formularios, me explico, tengo un formulario que sigue el siguiente esquema:
Código:
<div id=1>
<input id=1-1>
<input id=1-2>
<boton validacion id=Save1>
</div id=1>
<div id=2>
<input id=2-1>
<input id=2-2>
<boton validacion id=Save2>
</div id=2>
<boton validacion TODO y submit id=TODO>
Lo que yo hago es que desde un enlace muestro la capa id=1 y oculto la capa id=2, el botón id=Save1 no hace el submit, sino que me valida los campos input id=1-X con una función y si NO son válidos me lanza un alert(), y si son válidos oculta las dos capas. Lo mismo para la capa id=2. Al final hay un botón que verifica TODO el formulario y recién ahí hace el Submit.
Comienzo explicándoles esto, para que entiendan lo que hace y para preguntarles… PORQUE NO FUNCIONA EN FIREFOX…!!!!
El botón que "graba" el sub formulario (botón id=SaveX) es el siguiente:
Código HTML:
<input name="SaveGuest1" type="button" value="Save Form" class="SaveFormBtn" onClick="validaFormGuest(this.form,'1')" />
La función “validaFormGuest” es la siguiente:
Código HTML:
function validaFormGuest(form,num_guest){
var msg_error = "The following fields are required:\n\r\n\r";
var error = 0;
var campo = "";
// CAMPO ConfirmNameGuest ++++++++++++++++
campo = 'ConfirmNameGuest'+num_guest;
if (document.getElementById(campo).value == ''){
msg_error += '- confirm given name.\n\r';
error = 1;
}
// CAMPO ConfirmSurnameGuest ++++++++++++++++
campo = 'ConfirmSurnameGuest'+num_guest;
if (document.getElementById(campo).value == ''){
msg_error += '- confirm family name.\n\r';
error = 1;
}
if( (error == 1) ) {
alert(msg_error);
document.getElementById('validFormGuest'+num_guest).src = "img/ico-ko-trans.png";
}
}
*Le he quitado codigo que se repite para no llenar el post, pero si alguien desea la funcion completa, me avisa.
Alguien me podría ayudar???
Gracias
Saludos