[SOLUCIONADO] Limpiar textarea una vez mandado el form

rodrypaladin · #1 (**permalink**) 19/10/2014, 13:10

Buenas a tod@s. me encuentr con un una duda.

tengo un textarea, un boton enviar ( type submit) y un boton de borrar ( type reset )

Al presionar sobre enviar, cuento los caracteres de dicho textarea, pero los datos del textarea no desaparecen ( lo quiero así y hasta ahí bien ) pero habiendo presionado sobre el boton submit, el boton borrar con type reset ya no borra el contenido del textarea. Si antes de enviar si que le doy a borrar si que los borra, pero una vez enviado dicho boton es inútil.

Me gustaría que el boton borrar, borre siempre el contenido del textarea. Lo he intentado hacer en php pero creo que sería más eficiente hacerlo en javascript que en php, y por eso acudo aquí.

Pego algo de mi código del formulario para ver si podéis ayudarme a implementar el funcionamiento del botón borrar como he mencionado antes.

Código HTML:

Ver original<form action="" method="POST">
<textarea class="form-control" name="texto" placeholder="Pega aquí las palabras que quieras contar" cols="30" rows="6"><?php if(isset($_POST['enviar'])) { echo $texto; } ?></textarea>
<br>
<button type="submit" name="enviar" class="btn btn-primary" >Contar palabras o caracteres</button>
<button type="reset" name = "borrar" class="btn btn-danger">Borrar</button>
</form>

IsaBelM · #2 (**permalink**) 19/10/2014, 13:43

lo que ocurre es que se resetea al valor que tiene de inicio. si te fijas, antes de sumitar el form, el valor del elemento es vacío. pero una vez sumitado toma como valor la respuesta php. para solucionar ese comportamiento en lugar de usar un reset, has de usar un button para invocar una función y eliminar el valor del elemento.

a groso modo algo como esto

Cita:

rodrypaladin · #3 (**permalink**) 19/10/2014, 13:46

Mil gracias, solucionado.