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处理程序将表单发布到Web服务器。

为Phonegap应用创建联系表单

1 个答案: