Alerta al no seleccionar un select

[byrong]

Tengo cuatro selects y quiero que al dar click en el botón submit si no se a seleccionado un select de ellos salga un aviso: Debes seleccionar una categoría, tengo el siguiente código pero la verdad no se que este mal:

Código:

<script>
function(){
	var formulario = document.getElementsByName('forma')[0],
		elementos = formulario.elements,
		boton = document.getElementsById('btnsubmit');

		var validarCategoria = function(e){
			if (formulario.categoria.selectedIndex<0) {
				alert('Debes seleccionar una categoria.');
				e.preventDefault
			}
		}

		var validar = function(e){
			validarCategoria(e);
		}


		formulario.addEventListener("submit", validar)

}
</script>

Debo colocar algo ahí o que debo hacer? Gracias.

[Alexis88]

Para realizar la validación, primero tienes que cancelar el envío, de otro modo, el proceso continuará. Una vez cancelado el envío, procede a realizar la validación. Si todo está en orden, realiza el envío utilizando el método .submit(), mientras que si falta seleccionar un valor del elemento en cuestión, solo tendrías que mostrar el mensaje de alerta pues el envío del formulario ya fue cancelado y no necesitarás volver a hacerlo.

Sin embargo, si estás proyectando el uso de tu aplicación web en navegadores que soporten HTML5, puedes ahorrarte el trabajo de escribir todo eso con tan solo añadir el atributo required al elemento. El navegador realizará la validación por ti.

Un saludo