[SOLUCIONADO] getElementById

[CMushroom]

Alguien me puede decir por que no valida mas que el input. Nesesito validarlos por getElementById.

Código:

<script type="text/javascript">
    function validar() 
		{
        miCampoTexto = document.getElementById("input").value;

        if (miCampoTexto.length == 0) 
			{
			alert("input vacio")
            return false;
        	}
		else
			{
			alert("input lleno")
        	return true;
			}
		
		indice = document.getElementById("select").selectedIndex;
		if(indice == null || indice == 0) 
			{
			alert ("Select no seleccionado")
			return false
			}
		else
			{
			alert ("Select seleccionado")
			return true
			}

		var a = 0, radioboton = document.getElementsId("radio")
		for(i = 0; i < radioboton.length; i++) 
			{
			if(radioboton.item(i).checked == false) 
				{
				a++;
				}
			}
		if(a == radioboton.length) 
			{
			alert("Radio no seleccionado");
			return false;
			} 
		else 
			{
			alert("Radio seleccionado");
			return true;
			}

		var b = 0, botoncheckbox = document.getElementsById("checkbox")
		for(i = 0; i <botoncheckbox.length; i++) 
			{
			if(botoncheckbox.item(i).checked == false) 
				{
				b++;
				}
			}
		if(b == botoncheckbox.length) 
			{
			alert("Checkbox no seleccionado");
			return false;
			} 
		else 
			{
			alert("Checkbox seleccionado");
			}
    }
</script>

Código HTML:

<form name = "formulariocomponentes" action = "" onsubmit = "return validar()">
    <input type = "text" id = "input" name = "input">
    <br>
    <select id = "select" name = "opciones">
        <option value>Seleccione una opcion</option>
		<option value = "1">Primer valor</option>
		<option value = "2">Segundo valor</option>
		<option value = "3">Tercer valor</option>
        <option value = "4">Cuarto valor</option>
    </select>
    <br>
    <input type = "radio" id = "radio" value = "1">Mexico<br>
    <input type = "radio" id = "radio" value = "2">Brazil<br>
    <input type = "radio" id = "radio" value = "3">España<br>
    <input type = "radio" id = "radio" value = "4">Francia<<br>
    <br>
    <input type = "checkbox" id = "checkbox" value = "1">Primer valor<br>
    <input type = "checkbox" id = "checkbox" value = "2">Segundo valor<br>
    <input type = "checkbox" id = "checkbox" value = "3">Tercer valor<br>
    <br>
    <input type = "submit" value = "Enviar">
</form> 

[caricatos]

Hola:

Debes quitar la palabra mágica "return"...

Te cuento mi sistema para validar varios campos... La cuestión es tener un array vacío con los mensajes de error, y cuando detectamos un error, añadimos al array el mensaje correspondiente a ese error... (todo sin los return...)

Cuando pasas por todos los campos, si el array está vacío es porque no ha habido errores y se puede enviar el formulario, de lo contrario se muestran los mensajes...

if (mensajes.length > 0) {
alert("errores:\n" + mensajes.join("\n"));
return false;//... de otro modo no devolver nada...
}

Saludos

[PIRRUMAN]

Al momento de retornar algo es como si hicieras un break de la funcion,, por eso solo entra a tu primera validacion ,

Código Javascript:

if (miCampoTexto.length == 0) 
{
alert("input vacio")
return false;//ESTO ES UN BREAK DE FUNCION
}
else
{
alert("input lleno")
return true;//ESTO ES UN BREAK DE FUNCION
}
 

para corregirlo utiliza else if

Código Javascript:

if (miCampoTexto.length == 0) 
{
alert("input vacio")
return false;//ESTO ES UN BREAK DE FUNCION
}
else if(indice == null || indice == 0) 
{
}
else if(validacion de radio ) 
{
//por id tendrias que hacer una funcion ciclica, pero por nombre te dejo un link
http://www.chlinformatica.com/2011/11/como-validar-radio-button-en-javascript/
}
else if(validacion de check ) 
{
//lo mismo que los radios validar por id tendrias que hacer una funcion ciclica,
//para validar checks en conjunto pueden ser por nombre en comun:
http://www.forosdelweb.com/wiki/Javascript:%C2%BFC%C3%B3mo_puedo_comprobar_si_un_checkbox_est%C3%A1_seleccionado%3F
}
else
{
alert("todo bien")
return true;//ESTO ES UN BREAK DE FUNCION
}
 

Tambien todo depende que es lo que realmente quieres hacer,, quieres que te vaya indicando en cada elemento si ha sido llenado o no , quieres que al final muestre todos los elementos que no estan correctos, quieres que solo muestre el primer elemento incorrecto ?

[CMushroom]

Iniciado por caricatos

Hola:

Debes quitar la palabra mágica "return"...

Te cuento mi sistema para validar varios campos... La cuestión es tener un array vacío con los mensajes de error, y cuando detectamos un error, añadimos al array el mensaje correspondiente a ese error... (todo sin los return...)

Cuando pasas por todos los campos, si el array está vacío es porque no ha habido errores y se puede enviar el formulario, de lo contrario se muestran los mensajes...

if (mensajes.length > 0) {
alert("errores:\n" + mensajes.join("\n"));
return false;//... de otro modo no devolver nada...
}

Saludos

Muchas gracias probare agregando el array

[CMushroom]

Iniciado por PIRRUMAN

Al momento de retornar algo es como si hicieras un break de la funcion,, por eso solo entra a tu primera validacion ,

Código Javascript:

if (miCampoTexto.length == 0) 
{
alert("input vacio")
return false;//ESTO ES UN BREAK DE FUNCION
}
else
{
alert("input lleno")
return true;//ESTO ES UN BREAK DE FUNCION
}
 

para corregirlo utiliza else if

Código Javascript:

if (miCampoTexto.length == 0) 
{
alert("input vacio")
return false;//ESTO ES UN BREAK DE FUNCION
}
else if(indice == null || indice == 0) 
{
}
else if(validacion de radio ) 
{
//por id tendrias que hacer una funcion ciclica, pero por nombre te dejo un link
http://www.chlinformatica.com/2011/11/como-validar-radio-button-en-javascript/
}
else if(validacion de check ) 
{
//lo mismo que los radios validar por id tendrias que hacer una funcion ciclica,
//para validar checks en conjunto pueden ser por nombre en comun:
http://www.forosdelweb.com/wiki/Javascript:%C2%BFC%C3%B3mo_puedo_comprobar_si_un_checkbox_est%C3%A1_seleccionado%3F
}
else
{
alert("todo bien")
return true;//ESTO ES UN BREAK DE FUNCION
}
 

Tambien todo depende que es lo que realmente quieres hacer,, quieres que te vaya indicando en cada elemento si ha sido llenado o no , quieres que al final muestre todos los elementos que no estan correctos, quieres que solo muestre el primer elemento incorrecto ?

Muchas gracias ya estoy arreglandolo lo que nesesito es que una vez hayas presionado el boton te diga cuales campos te faltaron llenar, la otra validacion la hago en php si pasan los datos, esta es solo para indicarte que algun o algunos campos estan vacios.