Completar un formulario con javascript

shujidan · #1 (**permalink**) 05/05/2011, 17:31

Que tal, quería saber si me pueden ayudar con este problema:
Tengo un formulario al que se le agregan campos dinamicamente con javascript:

Código Javascript:

Ver original<br><legend>Categoria</legend> <input id="categoria" name="categoria" onKeyUp="javascript:completarForm(this);" type="text" value="<?if (isset($_POST['categoria'])) echo $_POST['categoria'];?>">
<div id="formcomps"></div>

Funcion:

Código Javascript:

Ver original//Esta funcion imprime otro campo si categoria == "Anime"
function completarForm(obj){
    if (obj.value == "Anime") document.getElementById('formcomps').innerHTML = "<br><br><legend>Fansub</legend><input type='text' name='fansub'>";
}

El problema es que luego de validar que el campo "fansub" no se encuentre vacío con php, el campo "fansub" que se creó con un evento de javascript desaparece después del submit, alguien sabe como evitar esto?

Código PHP:

Ver original//Esto hace que se recargue la pagina con el formulario completo, pero sin el campo "fansub"
if ($_POST['fansub'] == "") echo "Necesitas especificar el fansub."

alexg88 · #2 (**permalink**) 05/05/2011, 17:57

Por favor, pon el código completo o no nos enteraremos de nada.

Por lo que veo, creas un input con javascript y ¿quieres que al recargar siga apareciendo?

Si es eso no puedes sólo hacerlo con javascript. Tienes que guardar en el servidor de alguna manera que ese cambio se ha hecho (me refiero en el archivo php encargado de procesar el formulario).

shujidan · #3 (**permalink**) 05/05/2011, 18:03

Pues es todo el código involucrado.
Al hacer submit desaparece el campo "fansub" que habia creado con javascript al escribir la palabra "Anime", como tendría que modificar el php para que permaneciera el campo fansub en la pagina?

alexg88 · #4 (**permalink**) 05/05/2011, 18:24

He visto que pones que si el usuario elige la categoria Anime aparece ese nuevo campo. Ese campo se tendrá que guardar en algún sitio de la base de datos me imagino, sino no le veo mucho sentido.

Veo otro problema y es que no guardas nada en la base de datos o por lo menos no lo has puesto (si lo haces pon el código). Me refiero al campo categoría. Ese campo solo se te guarda mientras el usuario está en la página. ¿Que pasa cuando cierra y vuelve a entrar? Desaparece lo que ha introducido el usuario.

Acláranos eso antes de nada.

shujidan · #5 (**permalink**) 05/05/2011, 18:57

Así es, cuando todo el formulario está completo (incluyendo el campo fansub, si categoria == anime) se inserta todo en un registro de la base de datos.

Código PHP:

Ver originalif ($_POST['categoria'] != ""){
    if ($_POST['categoria'] == "Anime"){
        if ($_POST['fansub'] != ""){
            $con=mysql_connect();
            mysql_select_db();
            mysql_query("INSERT INTO aportes values('".$_SESSION['user']."',...,'".$_POST['categoria']."','".$_POST['fansub']."';");
            mysql_close($con);
        }else echo "Necesitas especificar el fansub";
    }else {  //Si la categoria no es anime, se deja vacía la columna de fansub.
            $con=mysql_connect();
            mysql_select_db();
            mysql_query("INSERT INTO aportes values('".$_SESSION['user']."',...,'".$_POST['categoria']."','';");
            mysql_close($con);
    }
}else echo "Falta la categoría";

InKarC · #6 (**permalink**) 05/05/2011, 23:02

Debe haber un problema con tu codigo, los <input> añadidos dinamicamente siempre pasan la informacion, ejemplo:

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>
 
<body>
<?php 
print('<pre>');
print_r($_POST);
print('</pre>');
 
?>
<script>
 
window.onload = function(){
 
 
document.getElementById("change_form").onclick = function(){
    
    var el_form = document.getElementById("form");
    el_form.innerHTML += "<input type='text' name='hentai' />";
    var contenido = el_form.parentNode.innerHTML
    el_form.parentNode.innerHTML = contenido;
    return false;
    //var contenedor = document.getElementById("contenedor_form").innerHTML;    
 
}
    
}
</script>
<a id="change_form" href="#" >Agregar campo a formulario</a> | 
 
<div id="contenedor_form">
<form id="form" method="post" action="testculo.php">
<input type="text" name="titulo_del_hentai" /> <input type="checkbox" /> <input id="submit" type="submit" />
</form>
</div>
</body>
</html>

Coloca todo el formulario que tienes y todo el javascript a ver.

Sotelio · #7 (**permalink**) 05/05/2011, 23:15

Hola

No entendí bien si:
¿quieres que el campo permanezca cuando envías el formulario y lo vuelves a cargar?
o
¿El campo que agregas con javascript parece que no existe cuando envías el formulario?

Sotelio

shujidan · #8 (**permalink**) 06/05/2011, 10:19

El campo que agrego con javascript existe cuando envío el formulario, pero al comprobar que está vacío el campo, aparece un mensaje que le dice al usuario que está vacío, pero el campo desaparece por alguna razón al mandar el formulario con el boton.

alexg88 · #9 (**permalink**) 06/05/2011, 10:22

Te desaparece porque el javascript sólo dura en la ejecución actual de la página, si recargas desaparece. Para que siga apareciendo tienes que hacer uso de PHP.