¿Cómo validar datos en tabla dinámica?

Com, verás, tengo un problema bastante raro; tengo el siguiente código que me crea una tabla dinámica, una función que me valida los datos de entrada de un <input type="text"> y tengo una función que me muestra un mensaje de ayuda en cuanto el elemento gana el foco:
function validarDatos(texto,validos)
{
    for (var i=0, txtSalida='', validos; i<texto.length; i++)
       if (validos.indexOf(texto.charAt(i)) != -1)
          txtSalida += texto.charAt(i)
    return txtSalida;
}
function passText(str)
{
 top.frames['abajo'].document.msg.msg1.value = str;
}
function tablaLaboral()
{
 var tabla=document.getElementById("tDinamica");
 tabla.style.border='1px solid';
 var fila=tabla.insertRow(-1);
 col1=fila.insertCell(-1);
 col1.appendChild(document.createTextNode("Nombre empresa:"));
 col1.style.fontSize='medium';    
 col2=fila.insertCell(-1);
 col2.innerHTML="<input type='text' name='Nempre[]' maxlength='30' onKeyUp=\"validarDatos(this.value,'áéíóúÁÉÍÓÚabcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ')\" onFocus=\"passText('Digite nombre de la empresa.')\">";
 col3=fila.insertCell(-1);
 col3.appendChild(document.createTextNode("Teléfono:"));
 col3.style.fontSize='medium';    
 col4=fila.insertCell(-1);
 col4.innerHTML="<input type='text' name='telEmpre[]' maxlength='10' onKeyUp=\"validarDatos(this.value,'0123456789')\" onFocus=\"passText('Digite teléfono de la empresa.')\">";
 col5=fila.insertCell(-1);
 col5.appendChild(document.createTextNode("Cargo:"));
 col5.style.fontSize='medium';    
 col6=fila.insertCell(-1);
 col6.innerHTML="<input type='text' name='cargo[]' maxlength='30' onKeyUp=\"validarDatos(this.value,'áéíóúÁÉÍÓÚabcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ')\" onFocus=\"passText('Digite cargo.')\">";       
}
El problema es que no me ejecuta la función de validarDatos... Pero la función de passText si la ejecuta.
Me gustaría saber cuál es el problema, o si hay alguna otra manera de hacerlo.

1 Respuesta

Respuesta
1
Ciertamente, es bastante extraño el código que me adjuntas, porque creo que además está imcompleto... ¿no? ¿O es un código "prefabricado" por un tercero?
Te recomiendo que la generación de la tabla dinámica la hagas desde jquery. Puedes redefinir eventos y todo lo que quieras, además de ser mucho más sencillo de como lo presentas en este ejemplo.
Independientemente de eso (puedes documentarte en www.jquery.com) necesitaría el código completo de la página para ver todo el contexto.
Hola, este es el código completo, en cuanto al jquery, sería ideal, pero resulta que esto es para un proyecto y tengo que sustentarlo, y me prohibieron la utilización de código extraño, por lo que me toca trabajar en bloc de notas (No puedo hacer uso de herramientas como dreamweaver... etc) mejor dicho, me toca hacerlo a pié. Así que me he puesto en la tarea de investigar, preguntar lo que no entienda. La tabla dinámica es una modificación de ésta: http://www.forosdelweb.com/f13/aporte-tabla-dinamica-658011/  la analicé y la acoplé a lo que necesito, el código no es tan extraño así que si me preguntan en la exposición, podré sustentarlo.
Bueno, muchas gracias, espero me puedas ayudar
*******************************************************************************************************
Index.php
<html>
<head>
<script language="JavaScript1.3" src="validarCampos.js">
</script>
</head>
<frameset rows="20%,*,10%" border="0" frameborder="0" framespacing="0">
<frame name="arriba" src="encabezado.html" scrolling="no" noresize border="0" frameborder="0" framespacing="0">
<frameset cols="10%,*,10%" border="0" frameborder="0" framespacing="0">
<frame name="izquierda" src="bordes.html" scrolling="no" noresize border="0" frameborder="0" framespacing="0">
<frame name="medio" src="expLaboral.php">
<frame name="derecha" src="bordes.html" scrolling="no" noresize border="0" frameborder="0" framespacing="0">
</frameset>
<frame name="abajo" src="piePag.php" scrolling="no" noresize border="0" frameborder="0" framespacing="0">
</frameset>
</html>
*******************************************************************************************************
*****************************************************************
bordes.html
<html>
<head>
<title>
<title>
</head>
<body bgcolor="#FFFF99">
</body>
</html>
******************************************************************
******************************************************************
encabezado.html
<html>
<head>
<title>
<title>
</head>
<body bgcolor="#FFFF99">
<table border="0" width="100%" bgcolor="#FFFF99">
<tr>
<td align="center">
    <img src="Logo.jpg" width="82%" height="105">
   </td>
</tr>
</table>
</body>
</html>
******************************************************************
****************************************************************
piePag.php
<html>
<head>
<title>
<title>
<link rel="stylesheet" href="estiloPag.css" type="text/css" />
</head>
<body bgcolor="#FFFF99">
<table width="100%" style="border:none;">
<tr>
<td align="center">
   <form name="msg">
    <input type="text" name="msg1" size="100" value="" readonly="readonly" class="ama" id="msg1">
   </form>
 </td>
</tr>
</table>
</body>
</html>
****************************************************************
*****************************************************************
expLaboral.php
<html>
<head>
<title>Experiencia Laboral</title>
<link rel="stylesheet" href="estiloPag.css" type="text/css" />
<script language="javascript1.3" src="validarCampos.js"></script>
</head>
<body>
<form name="formulario">
<fieldset>
   <legend>Experiencia laboral</legend>
<table width="95%" border="0" id="tDinamica">
</table>
<table>
<tr>
<td>
 <input type="button" value="Añadir" onMouseOver="passText('Haga click aquí para añadir fila')" onClick="tablaLaboral()">
</td>
</tr>
</table>
</fieldset>
</body>
</html>
*****************************************************************
*****************************************************************
validarCampos.js
function validarDatos(texto,validos)
{
    for (var i=0, txtSalida='', validos; i<texto.length; i++)
       if (validos.indexOf(texto.charAt(i)) != -1)
          txtSalida += texto.charAt(i)
    return txtSalida;
}
function passText(str)
{
 top.frames['abajo'].document.msg.msg1.value = str;
}
function tablaLaboral()
{
 var tabla=document.getElementById("tDinamica");
 tabla.style.border='1px solid';
 var fila=tabla.insertRow(-1);
 col1=fila.insertCell(-1);
 col1.appendChild(document.createTextNode("Nombre empresa:"));
 col1.style.fontSize='medium';    
 col2=fila.insertCell(-1);
 col2.innerHTML="<input type='text' name='Nempre[]' maxlength='30' onKeyUp=\"validarDatos(this.value,'áéíóúÁÉÍÓÚabcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ')\" onFocus=\"passText('Digite nombre de la empresa.')\">";
 col3=fila.insertCell(-1);
 col3.appendChild(document.createTextNode("Teléfono:"));
 col3.style.fontSize='medium';    
 col4=fila.insertCell(-1);
 col4.innerHTML="<input type='text' name='telEmpre[]' maxlength='10' onKeyUp=\"validarDatos(this.value,'0123456789')\" onFocus=\"passText('Digite teléfono de la empresa.')\">";
 col5=fila.insertCell(-1);
 col5.appendChild(document.createTextNode("Cargo:"));
 col5.style.fontSize='medium';    
 col6=fila.insertCell(-1);
 col6.innerHTML="<input type='text' name='cargo[]' maxlength='30' onKeyUp=\"validarDatos(this.value,'áéíóúÁÉÍÓÚabcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ')\" onFocus=\"passText('Digite cargo.')\">";       
}
*****************************************************************
Bien, pues en tal caso, aunque no puedas usar jquery, lo que si vamos a hacer es usar Mozilla Firefox y un complemento que se llama Web Developer, que nos da TODOS los errores JavaScript (entre otras informaciones) que se producen en una página web que estamos ejecutando.
Instala Mozilla Firefox desde la siguiente dirección:
http://www.mozilla-europe.org/es/firefox/
y el complemento web-developer desde la siguiente direccion:
https://addons.mozilla.org/es-ES/firefox/addon/60
Una vez instalados ambos, y en ese orden, carga tu página desde Mozilla Firefox y si ves que el icono de la derecha se pone en rojo, pulsa sobre él y podrás tener acceso a toda la información del error JavaScript que te ha dado tu página.
Si a partir de dicha información no puedes solucionarlo, pégame el error e intentaré ayudarte.
Bien, muchas gracias por ayudarme, este complemento de Firefox está de lo mejor, pero de tanto darle vueltas al asunto, esta mañana logré encontrar la solución al problemita, era solo una bobadita, solo tenía que añadir this.value= ( onKeyUp=\"THIS.VALUE=validarDatos(this.value,'áéíóúÁÉÍÓÚabcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ')\" ).
Pero de todas maneras, se te agradece.

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas

Javascript y objetos de formulario dinámicos

Tengo una tabla donde cada fila contiene cajas de texto, necesito añadirle de forma dinámica con javascript una nueva fila con nuevas cajas de texto.
2 respuestas

Imprimir campo de texto

Tengo es siguiente código en java Script, pero lo extreaño es que en Mozilla Firefox funciona pero en I Explorer no. No se si de pronto hace falta algo o tengo malo algo, o si podrían ayudarme a implementarlo en CSS pero no se nada de este lenguaje....
1 respuesta

Pasar información de una tabla a otra

Como puedo pasar toda la información de una tabla a otra, con los mismos campos y luego borrar la fila de la tabla original
2 respuestas

Obtener texto de un td

Necesito obtener el texto que tiene un td y mostrarlo en un alert, tengo el siguiente código php : <title>Documento sin título</title> <script language="javascript" type="text/javascript"> function volcar_valores(e){ tr =...
2 respuestas

¿Cómo diseñar Macro para colorear filas por coincidencias?

Para todos y complacido de poder participar con mi inquietud y ojalá me puedan ayudar. Lo cierto es que soy novato (muy novato) y estoy en una carrera contra el tiempo que no me permite dedicarle mucho tiempo. Es por ello que acudo a pedir ayuda. Y...
1 respuesta

Php formulario

Estoy intentando realizar un "proyecto" de una web ficticia sobre una tienda de música. Tengo un menú desplegable ya creado y una base de datos con los siguientes campos: Categoría, artista, disco, precio, fecha. Explico lo que queri conseguir con un...
6 respuestas

Como validar dos grupos de radiobutton

Tengo dos grupos en cada grupo tengo opciones de 4 posbiles respuestas, entonces que si no esta seleccionada ninguna que mande un aviso de que no se ha llenado, por favor ayudenme lo estoy haciendo con html y .js mi código esta así <p...
1 respuesta

Formtato de Tabla para datos dinámicos

Este es el problema que tengo con JavaScript. La información que ingresa el usuario en la web es: ----------------------------------- N° cuotas:______________ Monto:__________________ Botón: Calcular ----------------------------------- El resultado...
1 respuesta

Añadir campos en formulario php

Tengo realizado un formulario en php: <a>http://www.buycheap.es/php/index.php</a> y En los campos que pone vehículo 1, 2 y 3 quiero poner un botón en la parte derecha que ponga añadir, o un icono de +, para añadir en cada uno de los vehículos los 3...
4 respuestas

Ajax para dummies

Tengo un sitio web con php mysql y apache, quiero actualizarlo y hacerlo más dinámico usando ajax, en especial lo del login (que supongo es fácil y un buen ejemplo para iniciar). He intentado poner en practica lo de ajax con intentos fallidos pues...
1 respuesta