为 Phonegap 应用程序创建联系表

Question

我正在使用 phonegap 在 Jquery Mobile 中构建一个移动应用程序，以将其编译为本机应用程序。

该应用程序内部有一个联系表单，我无法使用它。我在堆栈溢出中找到了这个解决方案，但即使完全按照解决方案所说的去做，它也会抛出“请填写所有字段”警报。

以下是我正在使用的代码。

HTML

<form action="#" method="get">
    <div class="form-element">
        <label for="FirstName">Firstname</label>
        <input id="FirstName" name="FirstName" type="text" placeholder="required" required />
    </div>
    <div class="form-element">
        <label for="LastName">Lastname</label>
        <input id="LastName" name="LastName" type="text" placeholder="required" required />
    </div>
    <div class="form-element">
        <label for="Email">Email</label>
        <input id="Email" name="Email" type="email" placeholder="optional" />
    </div>
    <div class="form-element">
        <label for="MessageText">Message</label>
        <textarea id="MessageText" name="MessageText" placeholder="required" rows="5" required ></textarea>
    </div>
    <input type="button" value="submit"/>
</form>

javascript

// When the document has loaded...
$(document).ready(function(){

  $('input[type="button"][value="submit"]').click(function() {
    $.post('http://cafedeweb.com/www/handler.php', {


      FirstName: $('#FirstName').val(),
      LastName: $('#LastName').val(),
      Email: $('#Email').val(),
      MessageText: $('#MessageText').val()

      // HTML function

      }, function (html) {
          // Place the HTML in a astring
          var response=html;

          // PHP was done and email sent
          if (response=="success") {
            alert("Message sent!"); 
          } else {

            // Error postback
            alert("Please fill all fields!"); 
            return false;
          }
    });
  });
});

Answer 1

您的帖子网址返回 404 (http://cafedeweb.com/www/handler.php)。 确保将表单发布到具有工作 php 处理程序的网络服务器。