Javascript jQuery Mobile中的多页表单丢失无线值

Javascript jQuery Mobile中的多页表单丢失无线值,javascript,jquery,forms,jquery-mobile,Javascript,Jquery,Forms,Jquery Mobile,我在jQuery Mobile中有一个跨越多个页面的表单。我使用的是多页页面,所有页面周围都有一组表单标签。在我把它分成多页之前,这个表单工作得很好。现在它发送文本框数据,但单选按钮的值为空。有没有办法解决这个问题。下面是一个带有收音机的2页示例 谢谢 <div id="1" data-role="page" data-theme="c"> <div data-role="header" data-theme="b" data-position="fixed"> <

我在jQuery Mobile中有一个跨越多个页面的表单。我使用的是多页页面,所有页面周围都有一组表单标签。在我把它分成多页之前,这个表单工作得很好。现在它发送文本框数据,但单选按钮的值为空。有没有办法解决这个问题。下面是一个带有收音机的2页示例

谢谢

<div id="1" data-role="page" data-theme="c">
<div data-role="header" data-theme="b" data-position="fixed">
<a data-theme="a" class="ui-btn-right" href="#start" data-role="button" data-icon="back" data-transition="pop" data-rel="dialog" data-inline="true">Start Over</a></div>
<div data-role="content">

<form encoding='multipart/form-data' encType='multipart/form-data'>

<div data-role="fieldcontain">
<fieldset data-role="controlgroup" data-type="horizontal">
<legend><a href="#16pop" data-rel="popup" data-inline="true">Azimuth Verification</a></legend>
<input id="_fid_16_a" type="radio" name="_fid_16" value="Yes"/>
<label for="_fid_16_a">Yes</label><input id="_fid_16_b" type="radio" name="_fid_16" value="No"/>
<label for="_fid_16_b">No</label><input id="_fid_16_c" type="radio" name="_fid_16" value="N/A"/>
<label for="_fid_16_c">N/A</label>
</fieldset>
</div>

</div></div>


<div id="sigemail" data-role="page" data-theme="c">
<div data-role="header" data-theme="b" data-position="fixed">
<a data-theme="a" class="ui-btn-right" href="#start" data-role="button" data-icon="back" data-transition="pop" data-rel="dialog" data-inline="true">Start Over</a></div>
<div data-role="content">


<div data-role="fieldcontain"><label for="_fid_210">What email address would you like to use?</label><input type="text"  name="_fid_210" id="_fid_210" /></div>


<input type="button" value="Submit" data-theme="b" id="sendbtn" onclick="$.mobile.loading( 'show', {text: 'Sending... Please Wait', textVisible: true, theme: 'b'});" />

</form>

<script>
$(document).ready( function(){
    getLocationConstant();
    $('#sendbtn').click(function(){
        $.post(
          'fill.php', 
          $('form').serialize(), 
          function() {
            $.post(
              'https://www.quickbase.com/db/dbName?act=API_AddRecord', 
              $('form').serialize()
            );
            $.mobile.changePage('#successpop', {transition: 'pop', role: 'dialog'});
          }
        ).error(function errHandler() {$.mobile.changePage('#failpop', {transition: 'pop', role: 'dialog'})});
    });
});
</script>

</div></div>

对
不
不适用
您希望使用什么电子邮件地址?
$(文档).ready(函数(){
getLocationConstant();
$('#sendbtn')。单击(函数(){
美元邮政(
'fill.php',
$('form')。序列化(),
函数(){
美元邮政(
'https://www.quickbase.com/db/dbName?act=API_AddRecord', 
$('form').serialize()
);
$.mobile.changePage('successpop',{transition:'pop',role:'dialog'});
}
).error(函数errHandler(){$.mobile.changePage('failpop',{transition:'pop',role:'dialog'})});
});
});

实际上,跨多个页面的表单就像一个符咒。
我用normal和jquerysubmit为您做了一个示例

该示例共有三页:

  • stub.php
stub.php的内容:

<?php
    if (isset($_REQUEST)) {
        print_r($_REQUEST);
    }
?>


希望这会有所帮助。

事实上,跨多个页面的表单非常有效。
我用normal和jquerysubmit为您做了一个示例

该示例共有三页:

  • stub.php
stub.php的内容:

<?php
    if (isset($_REQUEST)) {
        print_r($_REQUEST);
    }
?>


希望这会有所帮助。

你有什么理由需要跨越两页的表单吗?实际上是5页。该表单共有95个无线电选择和95个评论框,因此需要对其进行拆分。你知道为什么收音机停止发送post数据吗?谢谢。好的,明白了。请看下面我的答案。你有什么理由需要跨越两页的表单吗?实际上是5页。该表单共有95个无线电选择和95个评论框,因此需要对其进行拆分。你知道为什么收音机停止发送post数据吗?谢谢。好的,明白了。请看下面我的答案。谢谢你!看起来它会起作用的。实际上,我只是在每个“页面”中放置了开始和结束表单标记。我没有意识到使用ajax$('form').serialize()可以准确地发布页面上所有表单的所有数据,包括单选。谢谢perterm!看起来它会起作用的。实际上,我只是在每个“页面”中放置了开始和结束表单标记。我没有意识到使用ajax$('form').serialize()可以准确地发布页面上所有表单的所有数据,包括单选。