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提交表单

回答

相关问题