Ver Mensaje Individual
  #10 (permalink)  
Antiguo 11/11/2014, 02:25
Avatar de GeekGirl
GeekGirl
 
Fecha de Ingreso: julio-2014
Mensajes: 423
Antigüedad: 10 años, 4 meses
Puntos: 44
Respuesta: Al pasar HTML mediante .innerHTML no se queda el texto

Mala mía :P
Baja el return false para que no corte la ejecución del código como te muestro acá, y acordate de llamar al formulario por su id y no por el que hay puesto de ejemplo en este código.

Código Javascript:
Ver original
  1. document.getElementById('idDeTuForm').onsubmit = function()
  2. {
  3.  
  4. var DNI='';
  5. var NOMBRE='';
  6. var APELLIDOS='';
  7.  
  8. if (document.getElementById("dni").value == '')
  9. {
  10. DNI = ("El campo DNI no puede ser vacio");
  11. }
  12. if (document.getElementById("nombre").value == '')
  13. {
  14. NOMBRE = ("El campo nombre no puede ser vacio");
  15. }
  16. if (document.getElementById("apellidos").value == '')
  17. {
  18. APELLIDOS = ("El campo apellidos no puede ser vacio");
  19. }
  20.  
  21. alert(DNI+'\n'+APELLIDOS+'\n'+NOMBRE);
  22.  
  23. var capa = document.getElementById('div_capa');
  24. capa.innerHTML = DNI+ '<br>' +APELLIDOS+ '<br>'+NOMBRE;
  25. capa.style.border = '1px solid red';
  26.  
  27. // Solo si los 3 valores estan completos permitis el envio del mismo
  28.  
  29. if(document.getElementById("dni").value != '' && document.getElementById("nombre").value != '' &&
  30. document.getElementById("apellidos").value != '') {
  31.     return true;
  32. } else {
  33. return false;
  34. }
  35. }