JQuery Mobile提交表單

我正在嘗試通過JQuery Mobile提交表單。JQuery Mobile提交表單

我：

<form action="#pagetwo" method="post" name="myform"> 
<input type="text" name="myname"> 
<input type="submit" value="submit" /> 

... then I have.... 

<div data-role="page" id="pagetwo"> 
... 
<?php echo $_GET["myname"]; ?>

的第一個問題是，它沒有做任何事情，當我點擊提交按鈕。它應該去#pagetwo

我做錯了，請問？

UPDATE：

這裏是更多的代碼的要求：

<div data-role="page" id="home"> 

    <div data-role="header"> 
     <h1>Page 1</h1> 
    </div><!-- /header --> 

    <div data-role="content"> 
    <form action="#page2" method="post" name="myform"> 
    <div data-role="fieldcontain"> 
     <fieldset data-role="controlgroup"> 
      <legend>Check Property Elements:</legend> 
       <input type="checkbox" name="checkbox-1" id="checkbox-1" class="custom" /><label for="checkbox-1">Yes or No</label> 
     </fieldset> 
    </div> 
    </form> 


    ... 


    <div data-role="page" data-theme="a" id="page2"> 
<div data-role="header"> 
     <h1>This is page 2</h1> 
    </div><!-- /header --> 
    <div data-role="navbar"> 
     <ul> 
      <li><a href="#home">Home</a></li> 
     </ul> 
    </div><!-- /navbar --> 

    <div data-role="content" data-theme="d"> 

    <?php if (isset($_POST['checkbox-1'])) { 
    // do something with $_POST['value'] 
    echo 'yessss'; 

    var_dump($_POST); 

} ?>

來源

2011-06-11 user783710

調試控制檯中的任何錯誤？ – 2011-06-11 17:25:27

不，完全沒有錯誤：o/ – user783710 2011-06-11 17:28:32

你能編輯問題並添加更多代碼嗎？如果你把PHP拿出來，頁面轉換是否工作？我還沒有看到表單提交到多頁面佈局，所以我想更多地看看你編碼的內容。這裏是表單提交的文檔：http://jquerymobile.com/demos/1.0a4.1/#docs/forms/forms-sample.html在這個例子中，他們張貼到一個單獨的頁面而不是多頁面佈局 – 2011-06-11 17:40:58

首先，這是可能的，當你點擊提交和瀏覽器在這裏不滾動你（因爲它是可見的）是可見的。

嘗試在#pagetwo之前放置一些大塊東西，看看它是怎麼回事。

<!doctype html> 
<html> 
    <head> 
    </head> 
    <body> 
    <form action="#foo" method="get" accept-charset="utf-8"> 
     <p><input type="submit" value="Continue &rarr;"></p> 
    </form> 
    <div style="height: 3000px; background-color: #000;"> 
    </div> 
    <div id="foo">Foo</div> 
    </body> 
</html>

其次，我認爲你應該張貼您的數據到不同的頁面（或URL）不只是不同的錨。

第三，我看到您的代碼的另一個問題。您的表單顯示<form method="post"但事後您從輸出<?php echo $_GET["myname"]; ?>。它應該是<?php echo $_POST["myname"]; ?>

來源

2011-06-11 18:41:09 petraszd

JQuery Mobile提交表單

回答

相關問題