La marca INPUT permite editar información proporcionada por el usuario. Esta información debe varificarse antes de su utilización.
Así, una dirección electrónica debe ser objeto de una verificación porque puede ser el origen de graves problemas de seguridad. La función JavaScript VerifyEmail listada seguidamente permite verificar que la dirección e-mail es coherente, es decir, que contiene el símbolo arroba (@) y que no contiene ninguno de los caracteres siguientes:
; / : < > * | ' & $ ! # ( ) [ ] { } ' "
function VerifyEmail(form){
email=form.Email.value;
if(email.indexOf('@',0)==-1 || email.indexOf(';',0)!=-1
|| email.indexOf(' ',0)!=-1 || email.indexOf('/',0)!=-1
|| email.indexOf(';',0)!=-1 || emial.indexOf('<',0)!=-1
|| email.indexOf('>',0)!=-1 || email.indexOf('*',0)!=-1
|| email.indexOf('|',0)!=-1 || email.indexOf('`',0)!=-1
|| email.indexOf('&',0)!=-1 || email.indexOf('$',0)!=-1
|| email.indexOf('!',0)!=-1 || email.indexOf('"',0)!=-1
|| email.indexOf(':',0)!=-1) {
alert("Dirección incorrecta");
}
}
También se pueden hacer diferentes pruebas sobre el texto entrado por el usuario. Las funciones VerifySpace, VerifyLength y VerifyNumeric listadas a continuación permiten respectivamente asegurarse de que:
* El texto entrado no contien una cadena de espacios en blanco.
function VerifySpace(form){
text = form.Space.value;
if(text.indexOf(' ',0)!=-1) {
alert("Escriba una cadena de caracteres sin espacios.");
return false;
}
else return true;
}
* El tamaño de texto escrito es conforme al mínimo fijado.
function VerifyLength(form, minimo){
text = form.Length.value;
if(text.length > minimo) {
alert("La cadena de caracteres es mayor de la permitida.");
return false;
}
else return true;
}
* El texto escrito representa valores numéricos.
function VerifyNumeric(form){
text = form.Length.value;
for(var i=0; i<text.length; i++) {
var ch=text.substring(i,i+1);
if(ch < "0" || ch > "9") {
alert("Escriba una valor numérico.");
return false;
}
else return true;
}
Estas diferentes funciones se insertan en la cabecera del documento mediante la marca SCRIPT y se invocan a partir de los distintos campos de edición INPUT cuando se detecta el evento onChange. Este evento se caracteriza por la tecla TAB que permite validar el contenido de la edición. Para más información sobre la gestión de eventos ir al capítulo 6.
Un buen ejemplo de ello será el siguente formulario:
<FORM>
<CENTER<>H3<>U>Comprobación de contenido</U<>H3<>CENTER>
<TABLE>
<tr<>td>Email:
<td<>input type="text" name="Email" onChange="VerifyEmail(this.form)">
</tr>
<tr<>td>Una cadena de caracteres:
<td<>input type="text" name="Space" onChange="VerifySpace(this.form)">
</tr>
<tr<>td>Máximo tres caracteres:
<td<>input type="text" name="Length" onChange="VerifyLength(this.form, 3)">
<tr<>td>Un valor numérico:
<td<>input type="text" name="Numeric" onChange="VerifyNumeric(this.form)">
</tr>
</TABLE>
</FORM>
Autor: ulpgc.es
http://www.ulpgc.es
Usuarios que han visto este tema también han visto...
- Contador de dias online con JavaScript
- Contador falso en JavaScript
- Nivelando la altura de capas paralelas con JQuery
- Creación de Objetos en JavaScript
- Cómo detectar la resolución de la pantalla en JavaScript
- Versión imprimible de este documento
- Enviar por e-mail este documento
.gif&contenttype=gif)
