Tengo un formulario que simula varios formularios, me explico, tengo un formulario que sigue el siguiente esquema:
Código:
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.<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>
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')" />
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"; } }
Alguien me podría ayudar???
Gracias
Saludos