Validar un campo de texto obligatorio
Se trata de forzar al usuario a introducir un valor en un cuadro de texto o textarea en los
que sea obligatorio. La condición en JavaScript se puede indicar como:
valor = document.getElementById("campo" ).value;
if( valor == null || valor.length == 0 || /^s+$/.test(valor) ) {
return false;
}
Para que se de por completado un campo de texto obligatorio, se comprueba que el valor
introducido sea válido, que el número de caracteres introducido sea mayor que cero y
que no se hayan introducido sólo espacios en blanco.
La palabra reservada null es un valor especial que se utiliza para indicar "ningún valor".
Si el valor de una variable es null, la variable no contiene ningún valor de tipo objeto,
array, numérico, cadena de texto o booleano.
La segunda parte de la condición obliga a que el texto introducido tenga una longitud
superior a cero caracteres, esto es, que no sea un texto vacío.
Por último, la tercera parte de la condición (/^s+$/.test(valor)) obliga a que el valor
introducido por el usuario no sólo esté formado por espacios en blanco. Esta
comprobación se basa en el uso de "expresiones regulares", un recurso habitual en
cualquier lenguaje de programación pero que por su gran complejidad no se van a
estudiar. Por lo tanto, sólo es necesario copiar literalmente esta condición, poniendo
especial cuidado en no modificar ningún carácter de la expresión.
Validar un campo de texto con valores numéricos
Se trata de obligar al usuario a introducir un valor numérico en un cuadro de texto. La
condición JavaScript consiste en:
valor = document.getElementById("campo" ).value;
if( isNaN(valor) ) {
return false;
}
Validar que se ha seleccionado una opción de una lista
indice = document.getElementById("opciones" ).selectedIndex;
if( indice == null || indice == 0 ) {
return false;
}
Validar que un checkbox ha sido seleccionado
formulario = document.getElementById("formulario" ) ;
for(var i=0; i<formulario.elements.length; i++) {
var elemento = formulario.elements[ i ];
if(elemento.type == "checkbox" ) {
if(!elemento.checked) {
return false;
}
}
}
Validar que un radiobutton ha sido seleccionado
Aunque se trata de un caso similar al de los checkbox, la validación de los radiobutton
presenta una diferencia importante: en general, la comprobación que se realiza es que el usuario haya seleccionado algún radiobutton de los que forman un determinado grupo.
Mediante JavaScript, es sencillo determinar si se ha seleccionado algún radiobutton de
un grupo:
opciones = document.getElementsByName("opciones" ) ;
var seleccionado = false;
for(var i=0; i<opciones.length; i++) {
if(opciones[ i ].checked) {
seleccionado = true;
break;
}
}
if(!seleccionado) {
return false;
}
El anterior ejemplo recorre todos los radiobutton que forman un grupo y comprueba
elemento por elemento si ha sido seleccionado. Cuando se encuentra el primer
radiobutton seleccionado, se sale del bucle y se indica que al menos uno ha sido
seleccionado.
Las instrucciones tales como: opciones = document.getElementsByName("opciones" );
son para obtener y guardar la información del elemento del formulario en una variable, entre parentesis va el nombre del elemento del formulario. Existen algunos elementos que no tienen un nombre (name) pero si un Id la instruccion quedaría de la siguiente manera:
opciones = document.getElementsById("IdOpciones" );
Espero les haya sido de utilidad mi primer post en T!.
