Validación textbox

yonerflash · #1 (**permalink**) 08/03/2012, 10:09

Hola, estoy practicando lo que leí he hice esta validación de un textBox, pero no me funciona. Me pueden decir que hice mal? Gracias

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script language="javascript" type="text/javascript">
function validaCampo(campo) {
var caracter
var caracteres = "abcdefghijklmnopqrstuvwxyzñABCDEFGHIJKLMNOPQRSTUV WXYZÑáéíóúÁÉÍÓÚ" + String.fromCharCode(13)
var contador = 0

for (var i=0; i < campo.length; i++) {
caracter = campo.substring(i, i + 1)
if (caracteres.indexOf(caracter) != -1) {
contador++
} else {
alert("ERROR: No se acepta el caracter '" + ubicacion + "'.")
}
}
alert("Datos correctos.")
}
</script>
</head>

<body>
<form id="nuevo" name="nuevo" method="post">
<label>
<input type="text" name="nombre" id="nombre" /><br /><br />
</label>
<label>
<input type="button" name="but" id="but" value="Enviar" OnClick="validaCampo(this.nombre.value);"/>
</label>
</form>
</body>
</html>

funkii · #2 (**permalink**) 08/03/2012, 11:44

Hay varias cosas mal, las primeras que veo son estas:

falta en la mayoria de las lineas las ";".

var contador = 0
contador++

eso por lo que veo no tiene ningun sentido y el "ubicacion" del alert no refiere a nada creo.

yonerflash · #3 (**permalink**) 11/03/2012, 07:40

Tienes razón con el punto y coma. No sé porque no lo noté; el código lo saqué de un foro. Sin embargo aún no funciona

emprear · #4 (**permalink**) 11/03/2012, 11:08

hay código más sencillos para validar eso, ejemplo

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function validar(idcampo, mensaje) {
var cadena = document.getElementById(idcampo).value;
var exp_reg  = /^[a-z\s\u00C0-\u00ff]+$/i; // expresión regular para letras(máy o minus), acentuadas o no, y espacios en blanco
var verifica = exp_reg.test(cadena);
if (verifica == true){
//alert('ok');
document.getElementById(mensaje).innerHTML = "Correcto";
}else {
//alert('error');
document.getElementById(mensaje).innerHTML = "Incorrecto";
return false;
}
}
</script>
 
</head>
<body>
<form action="#">
<div>
<label for="nombre">Nombre</label>
<input type="text" onkeyup="validar(this.id,'mensaje_nombre');" id="nombre" />
<span id="mensaje_nombre"><!-- aqui el mensaje a medida que se introducen caracteres --></span>
<br />
<label  for="apellido">Apellido</label>
<input type="text" onkeyup="validar(this.id,'mensaje_apellido');" id="apellido" />
<span id="mensaje_apellido"><!-- aqui el mensaje a medida que se introducen caracteres --></span>
</div>
</form>
</body>
</html>

En cuanto tu script tiene varios problemas, esto no define nada
"validaCampo(this.nombre.value);"
Podrias poner
onclick="validaCampo('nombre');"
y en el script
var campo = document.getElementById(campo).value;
con eso te funcionaría, a medias... porque ahi aparece la validación que está mal hecha. Revisala
Saludos