爲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處理程序的Web服務器。