4.3 Manipulacion de Objetos
La manipulación de objetos sigue los mismos principios que en el lenguaje de programación que se esté utilizando. Una de las características de estos objetos es la función para la cual están diseñados, de hecho la mayoría de las ocasiones tienen más de una función. En JavaScript, muchas funciones para cada uno de los objetos, incluyendo el navegador y la ventana que lo contiene, han sido definidas previamente; adicionalmente, el usuario puede definir funciones de acuerdo a sus necesidades, por ejemplo el código: function comeLaLetraA(Texto){ var TextoNuevo = ""; while(letras en el Texto recibido){ //lee la siguiente letra //si esta letra no es «a» añádela al nuevo texto.
} return TextoNuevo; } Añade una nueva función al documento utilizado para crear una página web
Shady Grove | Aeolian |
Over the River, Charlie | Dorian |
La principal utilidad de JavaScript en el manejo de los
formularios es la validacion de los datos introducidos por los
usuarios. Antes de enviar un formulario al servidor, se
recomienda validar mediante JavaScript los datos insertados por
el usuario. De esta forma, si el usuario ha cometido alg?n error al
rellenar el formulario, se le puede notificar de forma instant?nea,
sin necesidad de esperar la respuesta del servidor.
A continuaci?n se muestra el c?digo JavaScript b?sico necesario
para incorporar la validaci?n a un formulario:
<form action="" method="" id="" name="" onsubmit="return
validacion()"> ... </form>
Y el esquema de la funci?n validacion() es el siguiente:
function validacion()
{
if (condicion que debe cumplir el primer campo del formulario)
{ // Si no se cumple la condicion...
alert('[ERROR] El campo debe tener un valor de...');
return false;
}
// Si el script ha llegado a este punto, todas las condiciones
// se han cumplido, por lo que se devuelve el valor true
return true;
}
para incorporar la validaci?n a un formulario:
<form action="" method="" id="" name="" onsubmit="return
validacion()"> ... </form>
Y el esquema de la funci?n validacion() es el siguiente:
function validacion()
{
if (condicion que debe cumplir el primer campo del formulario)
{ // Si no se cumple la condicion...
alert('[ERROR] El campo debe tener un valor de...');
return false;
}
// Si el script ha llegado a este punto, todas las condiciones
// se han cumplido, por lo que se devuelve el valor true
return true;
}
Validar que se ha seleccionado una opcion de una lista
Se trata de obligar al usuario a seleccionar un elemento de una lista
desplegable. El siguiente codigo JavaScript permite conseguirlo:
indice = document.getElementById("opciones").selectedIndex;
if( indice == null || ?ndice == 0 )
{ return false; }
<select id="opciones" name="opciones">
<option value="">- Selecciona un valor -</option>
<option value="1">Primer valor</option>
<option value="2">Segundo valor</option>
<option value="3">Tercer valor</option>
</select>
Se trata de obligar al usuario a seleccionar un elemento de una lista
desplegable. El siguiente codigo JavaScript permite conseguirlo:
indice = document.getElementById("opciones").selectedIndex;
if( indice == null || ?ndice == 0 )
{ return false; }
<select id="opciones" name="opciones">
<option value="">- Selecciona un valor -</option>
<option value="1">Primer valor</option>
<option value="2">Segundo valor</option>
<option value="3">Tercer valor</option>
</select>
Validar que se ha seleccionado una opcion de una lista
Se trata de obligar al usuario a seleccionar un elemento de una lista
desplegable. El siguiente codigo JavaScript permite conseguirlo:
indice = document.getElementById("opciones").selectedIndex;
if( indice == null || indice == 0 )
{ return false; }
<select id="opciones" name="opciones">
<option value="">- Selecciona un valor -</option>
<option value="1">Primer valor</option>
<option value="2">Segundo valor</option>
<option value="3">Tercer valor</option>
</select>
FUENTES:
https://drive.google.com/file/d/0B-n5pXmLDjNjNmYyYzM2ODMtZGIyZC00MjhiLTk5ZjQtMGM4OWMzZDkzOTFi/view
http://itpn.mx/recursosisc/8semestre/programacionweb/Unidad%20IV.pdf
Se trata de obligar al usuario a seleccionar un elemento de una lista
desplegable. El siguiente codigo JavaScript permite conseguirlo:
indice = document.getElementById("opciones").selectedIndex;
if( indice == null || indice == 0 )
{ return false; }
<select id="opciones" name="opciones">
<option value="">- Selecciona un valor -</option>
<option value="1">Primer valor</option>
<option value="2">Segundo valor</option>
<option value="3">Tercer valor</option>
</select>
FUENTES:
https://drive.google.com/file/d/0B-n5pXmLDjNjNmYyYzM2ODMtZGIyZC00MjhiLTk5ZjQtMGM4OWMzZDkzOTFi/view
http://itpn.mx/recursosisc/8semestre/programacionweb/Unidad%20IV.pdf
No hay comentarios:
Publicar un comentario