Phonegap联系表单不适用于PHP

前端之家收集整理的这篇文章主要介绍了Phonegap联系表单不适用于PHP前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个非常奇怪的问题

我正在使用phonegap在HTML5中构建一个移动应用程序,将其编译为本机应用程序.

在该应用程序内部是一个联系表单,我无法让它工作.我尝试了我能想到的一切.但每次我提交表格我都会在屏幕上收到PHP部分的代码.
显然,该应用程序在浏览器上运行良好,但不在我的iPhone上.

我甚至尝试使用iframe并在那里添加表单,结果相同.

所以我的问题是.如何在我的应用程序中添加联系表单(需要将用户信息发送到客户端电子邮件)

任何帮助将受到高度赞赏

谢谢

解决方法

如果采用整体方法(html5通过Titanium / Phonegap本地化),你的结构应该是这样的
  1. /projects/apps/html5app/index.html
  2. /projects/apps/html5app/contact.html
  3.  
  4. /projects/apps/html5app/assets/js/phonegap.js
  5. /projects/apps/html5app/assets/js/jquery.js
  6.  
  7. /projects/apps/html5app/assets/css/css.css
  8.  
  9. /projects/apps/html5app/assets/images/logo.jpg
  10. /projects/apps/html5app/assets/images/button.jpg

在contact.html中,您需要指向带有PHP文件的实时服务器

  1. <form action="https://service.cdn-app.com/contact-form.PHP" method="get">

然后使用回发在AJAX或JSON中提交感谢页面,这样就不会提示用户离开应用程序.

或者UPDATE – 更简单的方法就是这样做按钮

  1. <input type="button" onclick="submit()" value="submit contact"/>

然后在你的jQuery你可以做他们的动作(他们不会离开你的应用程序,你可以触发替换div与谢谢等)

//启动jQuery表单流程引擎

jQUERY示例

  1. $.post('https://service.cdn-app.com/contact-form.PHP',{
  2.  
  3. // These are the names of the form values
  4.  
  5. FirstName: $('#FirstName_input').val(),LastName: $('#LastName_input').val(),Email: $('#Email_input').val(),MessageText: $('#MessageText_input').val()
  6.  
  7. // HTML function
  8.  
  9. },function (html) {
  10. // Place the HTML in a astring
  11. var response=html;
  12.  
  13. // PHP was done and email sent
  14. if (response=="success") {
  15. alert("Message sent!");
  16. } else {
  17.  
  18. // Error postback
  19. alert("Sorry please fill all fields!");
  20. return false;
  21. }
  22. });

PHP SAMPLE

  1. <?PHP
  2.  
  3. // VARS
  4. $FirstName=$_GET["FirstName"];
  5. $LastName=$_GET["LastName"];
  6. $Email=$_GET["Email"];
  7. $MessageText=$_GET["MessageText"];
  8. $Headers = "From:" . $Email;
  9.  
  10. //VALIDATION
  11. if(
  12. $FirstName=="" ||
  13. $LastName=="" ||
  14. $Email=="" ||
  15. $MessageText==""
  16. ) {
  17. echo "Error";
  18. } else {
  19. mail("youradmin@cdn.com","mobile app message",$MessageText,$Headers);
  20. echo "Success";
  21. }
  22. ?>

猜你在找的HTML相关文章