Hola, estoy haciendo una pequeña aplicación en ajax para administrar una base de datos. Tengo una función que genera un nuevo formulario para insertar un usuario (sólo pongo un campo para simplificar):
Código:
//Crea un formulario nuevo para insertar un usuario
function nuevo_usuario() {
var informacion=document.getElementById("informacion");
informacion.innerHTML="<h3>Datos de usuario:</h3><br>";
informacion.innerHTML=informacion.innerHTML+"<form name=\"datos\">";
informacion.innerHTML=informacion.innerHTML+"<input type=\"text\" name=\"nombre\">";
informacion.innerHTML=informacion.innerHTML+"<input type=\"submit\" onclick=\"validar()\" value=\"Insertar\" name=\"Insertar\">";
informacion.innerHTML=informacion.innerHTML+"</form>";
}
El botón de envío llama a la función de validación (también simplificada para que se vea el problema):
Código:
//Valida los datos del formulario
function validar() {
alert("Formulario:"+document.datos);
alert("Nombre:"+document.datos.nombre);
}
En el primer alert de validar me muestra una salida que indica que existe el objeto datos, pero en el segundo alert me sale en el mensaje "Undefined reference", como si el objeto nombre (el cuadro de texto) no existiese. De hecho si cargo la página en Internet Explorer me sale un error javascript diciendo que el objeto es nulo.
En otras palabras, puedo acceder al formulario pero no a los campos. Es como si estuviese vacío, cuál es el problema?