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
 
 


 
 

