validaciones luego createElement() DOM

Bartak · #1 (**permalink**) 22/02/2006, 05:30

después de crear los elementos en el form... hay forma de validarlos antes que mande el submit? las validaciones me funcionan bien si los elementos del form no son creados con DOM... esto lo saque desde un post anterior y alguien tambien tuvo el mismo problema hace años :P... pero no pude averiguar si se puede validar los elementos creados. el script de validacion apunta bien al elemento que se crea pero fallo al tomar el valor de los inputs,

me tira como error: "nombre_input" no esta definido...

esto lo encontre desde este post:
http://www.forosdelweb.com/showthrea...=createElement

caricatos puso unos link muy guenos

aprendi harto de ellos
uno estaba roto, este es : http://www.linti.unlp.edu.ar/tiki-se...om&where=pages

desde ya muchas gracias

caricatos · #2 (**permalink**) 22/02/2006, 10:44

Hola Bartak:

Me alegra saber que te sirven mis mensajes, y es cierto lo del enlace roto, pero en otros sevidores no se puede hacer nada...

En algunos navegadores es mejor agregar los atributos con setAttribute y llerlos con getAttribute... prueba a crear el atributo con setAttribute y nos cuentas...

var input = createElement("input");
input.setAttribute("name", "nombre1");
...
elFormQueSea.appendChild(input);

Saludos

Bartak · #3 (**permalink**) 22/02/2006, 12:51

Hola caricatos, gracias por contestar :)

agrego elementos asi:
cod_este es el id de un <td>

var cod_asig = document.getElementById(cod_este);
if (cod_asig.hasChildNodes()) {cod_asig.removeChild(cod_asig.lastChild);}
var cod_asig=document.createElement("input");
cod_asig.setAttribute("type","text"); ";
cod_asig.setAttribute("name","id_ramo_n"); ";
cod_asig.setAttribute("value","");
document.getElementById(cod_este).appendChild(cod_ asig);

pero cuando trato de validar que el campo no sea null me tira un error "id_ramo_n" no esta definido...

with(document.nom_form){
if(id_ramo_n.value=="")
{
id_ramo_n.focus();
alert("Ingrese el codigo del nuevo ramo"); return false;
}
.......
}

saludos

caricatos · #4 (**permalink**) 22/02/2006, 13:17

Hola:

Después de pelearme un poco con mi probador de scripts, he conseguido algo que funciona en mozilla y explorer (te toca probarlo en los demás...)

Código:

<html>
<head>
<title>
	Prueba
</title>
<script type="text/javascript">
function ponerInput(form, name) {
var Input = document.createElement("input");
form.appendChild(Input);
Input["type"] = "text";
Input.id = name;
Input.setAttribute("NAME", name);
}
</script>
</head>
<body >
<form name="prueba" >
sumar Input:<input type="text" name="nuevo" /> 
<input type="button" onclick="ponerInput(this.form, nuevo.value)" value="añadir"/>
<input type="button" onclick="alert(this.form.innerHTML)" value="dato..."/>
<br />
</form>
</body>
</html>

Espero que te sirva... en este caso muestra la estructura del formulario, pero se ve el añadido del input con su atributo name... que hay que ponerlo con mayúsculas... me pareció muy extraño

Saludos

JavierB · #5 (**permalink**) 22/02/2006, 13:34

Cita:

Iniciado por caricatos

hay que ponerlo con mayúsculas...

Yo también estuve peleandome con el código, pero perdí

Nunca se me hubiera ocurrido eso. También puede ponerse Input.NAME = name;

Saludos,

P.D. En Opera funciona bien.

caricatos · #6 (**permalink**) 22/02/2006, 13:40

Cita:

Iniciado por JavierB

Yo también estuve peleandome con el código, pero perdí

Nunca se me hubiera ocurrido eso. También puede ponerse Input.NAME = name;

Saludos,

P.D. En Opera funciona bien.

Gracias por la confirmación... ¡Je, je! nos lo apuntamos ¡verdad!

Saludos

Bartak · #7 (**permalink**) 23/02/2006, 15:41

hola amigos!... gracias por su ayuda... ahora valido sin problemas :)

me di cuenta que al no poner el valor id=’nombre’ no pude validar los elementos que creo pero si lo agrego si…

estuve viendo como agregar eventos al input pero tengo una duda

function foo(){
…
}

var Input=document.createElement("input");
document.getElementById(cod_este).appendChild(Inpu t);
Input.setAttribute("type","text"); ";
Input.setAttribute("id","nombre_");
Input.setAttribute("name","nombre_");
Input.addEventListener("change", foo, false);

Pero funciona solo para fire fox para explorer me tira una error… no puedo agregar el evento
Habra una forma de hacerlo para explorer

saludos

caricatos · #8 (**permalink**) 23/02/2006, 15:48

Hola:

La forma de añadir eventos en explorer es con attachEvent... la sintaxis es algo distinta... solo lleva 2 parámetros, el evento (con el "on" delante) y la función...

Para tu caso me parece que sería así:

Input.attachEvent("onchange", foo);

Si no te sale, puedes echar un vistazo a mi inspector DOM: http://www.pepemolina.com/DOM/index.html (el código está en un fichero js)

Saludos