Manejo de errores con JavaScript (2)

Definiendo nuestras propias excepciones en JavaScript

Vamos a crear una función que comprueba si alguno de los campos de un formulario está vacío o no. Si está vacío lanzaremos una excepción con un mensaje de error.

  	<script type="text/javascript">
  	function checkField( fieldObj) {

  		if(fieldObj.value == '') throw new Error("Campo vacío");

	}

	function checkForm(formObj) {

		for(var i=0;i<formObj.elements.length;i++) {
 
			try {

				checkField(formObj.elements[i]);

			} catch(e) {

				alert(e.message);

				return false;

			}

		}

		return true;

	}

		

	</script>
	<form name="webtaller" action="" method="post" 
	onsubmit="return checkForm(this);">

	Introduce tu nombre: <input type="text" name="Nombre" /> 

	<input type="submit" value="Enviar" name="Enviar" />

	</form>

Como vemos en el ejemplo, en la función "checkField", cuando un campo está vacío lanzamos una excepción creando un nuevo objeto de la clase "Error" pasándole por parámetro el mensaje de error.

En la función "checkForm" recorremos todos los campos del formulario y llamamos a "checkField" para comprobar si está vacío, además, recogemos una excepción si la hay y mostramos el mensaje de error.

A tener en cuenta: Siempre que hagamos uso de throw tenemos que recoger la excepción obligatoriamente con catch, si no se producirá un error de ejecución.

Si estás dispuesto a hacer una buena aplicación en JavaScript las excepciones te serán imprescindibles.

Usuarios que han visto este tema también han visto...

- Limitar caracteres de un textarea con JavaScript
- Diferencias entre Java y JavaScript
- Validar que el texto introducido es un numero con Javascript
- El for en JavaScript
- Validación de formularios usando JavaScript

- Versión imprimible de este documento

- Enviar por e-mail este documento