2014-04-07 56 views
0

我有一个简单的问题,但我不知道如何解决它。 我有一个表格,我使用Rapid Interface Builder构建。
这是一个使用Jquery Mobile的简单形式。界面生成器表格

下面的代码:

<!DOCTYPE html> 
<html> 

<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <title>title</title> 

    <script src="lib/jquery-1.6.4.js"></script> 
    <script src="lib/jquery.mobile-1.1.0.js"></script> 
    <link href="src/css/jquery.mobile.structure-1.1.0.css" rel="stylesheet"> 
    <link href="src/css/jquery.mobile.theme-1.1.0.css" rel="stylesheet"> 
</head> 

<body> 
    <div data-role="page" id="page1"> 
     <div data-role="content"> 
      <img src="images/Screenshot 2014-04-06 22.png" width="250" style="display: block; margin: 0 auto"> 

      <div data-role="collapsible" data-theme="b"> 
       <h1>Tenant Issue Log</h1> 
       <form action="formSubmit.php" method="POST"> 
        <p> 
        <select data-native-menu="false" name="reasonForContact" required> 
         <option>Reason for Contact</option> 
         <option value="Make a Complaint">Make a Complaint</option> 
         <option value="Terminate Contract">Terminate Contract</option> 
         <option value="I Need Assistance">I Need Assistance</option> 
         <option value="Renew Contract">Renew Contract</option> 
        </select> 
       </p> 
       <p> 
        <select data-native-menu="false" multiple="multiple" name="assistanceType[]"> 
         <option>Assistance Type</option> 
         <option value="Electrical Fault">Electrical Fault</option> 
         <option value="Gas Fault">Gas Fault</option> 
         <option value="Plumbing">Plumbing</option> 
         <option value="Pest">Pest</option> 
         <option value="Other">Other</option> 
        </select> 
       </p> 
       <p> 
        <select data-native-menu="false" name="priority"> 
         <option>Priority Level</option> 
         <option value="Low">Low</option> 
         <option value="Medium">Medium</option> 
         <option value="High">High</option> 
        </select> 
       </p> 
       <p> 
        <select data-native-menu="false" multiple="multiple" name="areaOfHouse[]"> 
         <option>Area of House</option> 
         <option value="Bedroom">Bedroom</option> 
         <option value="Lounge">Lounge/ Living Room</option> 
         <option value="Bathroom">Bathroom</option> 
         <option value="Hallway">Hallway</option> 
         <option value="Kitchen">Kitchen</option> 
         <option value="Garden">Garden</option> 
         <option value="All">All</option> 
         <option value="Other">Other</option> 
        </select> 
       </p> 
       <p> 
        <span>Have the local authorities been informed?</span> 
        <fieldset data-role="controlgroup"> 
         <legend></legend> 
         <input type="radio" id="yes" value="yes" name="autorities"> 
         <label for="yes">Yes</label> 
         <input type="radio" id="No" value="no" name="autorities"> 
         <label for="No">No</label> 
        </fieldset> 
       </p> 
       <div data-role="fieldcontain"> 
        <label for="name">Name</label> 
        <input type="text" id="name" name="name" data-theme="d"> 
       </div> 
       <div data-role="fieldcontain"> 
        <label for="phone">Phone</label> 
        <input type="text" id="phone" name="phone"> 
       </div> 
       <div data-role="fieldcontain"> 
        <label for="email">Email</label> 
        <input type="email" id="email" name="email"> 
       </div> 
       <div data-role="fieldcontain"> 
        <textarea id="details" name="details">More Details</textarea> 
       </div> 

       <p><input type="submit" data-role="button" value="Upload Photo of Issue"></p> 
       <p><input type="submit" data-role="button" data-theme="b" value="Submit"></p> 
      </form> 
     </div> 
     <a data-role="button" href="http://codeiscool.co.uk" data-theme="b">Make Payment</a> 
    </div>   
</div>  
</body> 
</html> 

当我使用GET,我顺利拿到我的PHP页面上的代码,但是当我使用POST我不能得到任何东西,它只是给出:不确定的,当我尝试做:var_dump($_POST);

我真的没有看到我做错了什么。 任何帮助将不胜感激。

这里是我的PHP代码:

<?php 
error_reporting(E_ALL^E_NOTICE); 
ini_set('display_errors', 'On'); 

    var_dump($_POST); 
?> 

我没有得到任何东西,但:未定义当我提交表单。 你可以在这里看到我的服务器上的表单:http://w3consultation.com/projects/stella9783/

经过测试后,我意识到这是jquery.mobile阻止我的表单被POST发送。

非常感谢。

+0

你能发布一些你的日志吗?当你发布数据时,你的服务器说什么? –

回答

0

我找到了解决方案。 确实是阻止表单提交的Ajax。

要防止表单提交被Ajax自动处理,请将data-ajax =“false”属性添加到表单元素。您也可以通过ajaxEnabled全局配置选项完全关闭Ajax表单处理。