Buen día,
Estoy armando una pagina institucional y tengo un formulario de contacto simple que manda un mail al clickear el botón "enviar", el form va a una pagina php aparte para armar el modelo y enviarlo.
Si no hubo ningún problema el mensaje se envía y genero un alert para avisar que se mando el mensaje, sino es así sale un alert con el error.
Mi problema esta en que al enviar el formulario y regresar a la pagina principal no me limpia el formulario.
Probé de todo, no uso Ajax; nose si debería usarlo? soy todavía inexperto en programación web
Gracias
Esto seria la parte del formulario:
<form action="mail.php" method="post" class="formulario" id="form-comun">
<div class="row justify-content-center">
<div class="col-8 col-md-6">
<span>
Seleccione una Opcion:
</span>
<select name="seleccion" id="seleccion" class="custom-select mb-3" onchange="controlTipo()">
<option value="1">Consultas</option>
<option value="2">Sugerencias/Reclamos</option>
<option value="3">Enviar Curriculum Vitae</option>
</select>
</div>
</div>
<div class="form-group row">
<div class="col-12 col-md-6">
<input type="text" name="nombre" id="nombre" placeholder="Nombre y Apellido" value="" required>
</div>
<div class="col-12 col-md-6">
<input type="email" name="correo" id="mail" placeholder="Email" value="" required>
</div>
</div>
<textarea name="comentario" id="mensaje" placeholder="Mensaje" value=""></textarea>
<div class="form-group d-flex justify-content-center">
<input type="submit" name="enviar" class="boton" value="Enviar" id="enviar">
</div>
<input type="hidden" id="limpiar">
</form>
En el php lo unico que hago es obtener los datos por POST y crear un mail con phpmailer. Las ultimas lineas donde controlo si funciona es:
$mail->send();
echo "<script>alert('Mensaje enviado correctamente');</script>";
echo "<script>location.href ='javascript:history.back()';</script>";
}
catch (Exception $e) {
echo "Mailer Error: {$mail->ErrorInfo}";
echo "<script>alert('Su formulario no pudo ser enviado exitosamente, Verifique el error');location.href ='javascript:history.back()';</script>";
}
form
quedó en el pasado. Esto debido a que la respuesta de PHP debe hacer un render de una página nueva (Puede ser redirección nuevamente al formulario) y trabajar los mensajes que se retornan por la URL, ya es la vieja usanza.