No borrar datos

danramglez · #1 (**permalink**) 03/10/2012, 13:22

Código HTML:

Ver original<html>
<head>
<title>Dynamic Form</title>
<script language="javascript">
 
var i = 0;
 
function changeIt()
{
agrega.innerHTML = agrega.innerHTML +"<input id='mytext"+i+"' type='text' name='mytext"+i+"'>";
agrega.innerHTML = agrega.innerHTML +"<input id='myemail"+i+"' type='text' name='myemail"+i+"'><br>";
 
i++;
var cantidd= i;
document.frmuno.cantidad.value=cantidd;
}
 
function validar()
{
    var a = 0;
    var name_element1 = document.getElementById("cantidad");
    var name1 = name_element1.value;
 
 for (i=0; i<=name1; i++)
   {
    var aumenta="mytext"+i;
    var name_element = document.getElementById(aumenta);
    var name = name_element.value;
    
    var aument="myemail"+i;
    var name_element2 = document.getElementById(aument);
    var name2 = name_element2.value;
 
  if(name == "")
  {
  var mensaje_error ="Ingresa datos" + aumenta;
  alert (mensaje_error) ;
  }
  else
  {
    
    a = a+1;
    if(a == name1)
    {
     alert ("OK") ;
    }
    
    //alert (a) ;
  } 
 var va=/^[_a-z0-9-]+(.[_a-z0-9-]+)*@[a-z0-9-]+(.[a-z0-9-]+)*(.[a-z]{2,3})$/;
    
  if(!va.exec(name2))
  {
  var mensaje_error1 ="correo incorrecto" + aument;
  alert (mensaje_error1) ;
  }
  else 
  {
  a = a+1;
    if(a == name2)
    {
     alert ("OK") ;
    }
  }
 } 
}
</script>
 
</head>
<body>
<form name="frmuno">
<input type="button" value="Agregar" onClick="changeIt()">
<input type="hidden" name="text" id="cantidad" name="cantidad" value="">
<div id="agrega"></div>
<input type="button" value="Validar" onClick="validar()">
</form>
</body>
</html>

HOLA!!!
tengo este formulario pero quiero que cuando escribo algo y le doy agregar no me borre los datos que ya tenia escritos ayuda!!!!!

zerokilled · #2 (**permalink**) 03/10/2012, 13:30

buenas,
sucede porque estás editando el código fuente con innerHTML. fíjate que el atributo value para los campos están omitidos, de modo que genera un campo vacio. para agregar nuevos campos sin eliminar el contenido debes usar métodos del DOM. particularmente debes crear los campos con document.createElement y luego lo agregas al DIV#agrega mediante appendChild. te sugiero que mires un tutorial sobre DOM.

danramglez · #3 (**permalink**) 03/10/2012, 13:48

Ahhh entonces
agrega.innerHTML = agrega.innerHTML +"<input id='mytext"+i+"' type='text' name='mytext"+i+"'>";
esta etiqueta no me servira para hacer lo que quiero ??? tengo k cambiarlo con esto document.createElement ohhh como no se mucho de javascript :(