Hola, buenas tardes. Estoy realizando una app móvil para Android e iOs con Dreamweaver, Jquery Mobile y PhoneGap Build. Yo soy diseñador gráfico y de programar no se nada, pero me he roto la cabeza buscando y al fin he logrado hacer trabajar un formulario sencillo.
Lo he probado en local Host (usando MAMP) y funciona correctamente, es decir los datos son enviados a mi email correctamente. Pero al momento de crear la app dentro de PhoneGap Builder, este mismo formulario no funciona. Su funcionamiento es como cuando intento usarlo sin correr el servidor local, es decir, cuando no está activo el Apache.
Cabe mencionar que aun no subo la app a las stores, simplemente la construí en Phonegap y la he probado en mi Smatphone, no se si eso afecte la comunicación del formulario con el archivo PHP. Este es el código que estoy usando. Agradezco mucho la posibilidad de que alguien pudiera orientarme y agradezco infinitamente el simple hecho de su atención.
-- HTML --
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Documento sin título</title>
<link rel="stylesheet" href="jquery-mobile/jquery.mobile-1.4.5.min.css" />
<link rel="stylesheet" href="jquery-mobile/themes/meaculpa.css" />
<link rel="stylesheet" href="jquery-mobile/themes/jquery.mobile.icons.min.css" />
<link rel="stylesheet" href="CSS/custom.css" />
<script src="jquery-mobile/jquery-1.11.3.min.js"></script>
<script src="jquery-mobile/jquery.mobile-1.4.5.min.js"></script>
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1" />
</head>
<body>
<div data-role="page" id="contacto">
<div data-role="header" data-position="fixed">
<h1>Contacto</h1>
<a href="#menu_contacto" class="ui-btn ui-icon-bars ui-btn-icon-notext ui-corner-all">No text</a>
<a href="#" class="ui-btn ui-icon-info ui-btn-icon-notext ui-corner-all">No text</a>
</div>
<div id="contacto" data-role="content">
<form action="send.php" method="post" id="form" data-ajax="false">
<label for="nombre">Nombre:</label>
<input name="nombre" type="text" required id="nombre" />
<label for="email">Email:</label>
<input name="email" type="email" required id="email" />
<label for="telefono">Teléfono:</label>
<input name="telefono" type="tel" required id="telefono" />
<label for="mensaje">Mensaje:</label>
<textarea name="mensaje" cols="40" rows="10" required id="mensaje"></textarea>
<input type="submit" value="Enviar" />
</form>
<p> Los campos marcados con un asterisco (*) no pueden dejarse en blanco.</p>
<a href="tel:1234567">
<button>Llamar</button>
</a>
</div>
<div data-role="footer" data-position="fixed">
<h4>Pie</h4>
</div>
</body>
-- Fin HTML --
-- PHP --
<?php
$nombre = $_POST['nombre'];
$email = $_POST['email'];
$telefono = $_POST['telefono'];
$mensaje = $_POST['mensaje'];
$asunto = "Mensaje desde la App Mea Culpa";
$comentario = "
Nombre: $_POST[nombre]
Email: $_POST[email]
Teléfono: $_POST[telefono]
Mensaje: $_POST[mensaje]
";
$headers = 'From:'.$_POST['email']."\r\n".
'Reply-To:'.$_POST['email']."\r\n".
'X-Mailer: PHP/'.phpversion();
if (mail('[email protected]', $asunto, $comentario, $headers)){
echo "<br>El formulario ha sido enviado correctamente.";
}
else {
echo "<br>Se ha producido un error al enviar el formulario. Por favor inténtalo nuevamente.";
}
?>
-- Fin PHP--
