使用jQuery mobile在页面加载时提交表单

时间:2012-02-03 13:42:06

标签: jquery mobile submit onload

我需要在窗口加载jQuery Mobile时提交表单。这是我的代码,但它不起作用。

$(document).ready(function() {
  $('#form_id').submit();
});

我已在提交中使用警报功能进行了测试,但警报无效。

$(document).ready(function() {
  $('#form_id').submit(function(){alert('wow');});
});

形式:

<div data-role="page" id="default">
  <div data-role="header">
    <h1>My Title</h1>
    <a href="myLink" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-left jqm-home">Accueil</a>
  </div><!-- /header -->
  <div data-role="content" >
    <form name="form_id" id="form_id" action="mylink" method="POST">
      <!--a simple input hidden inside-->                                                                                                      
    </form>
  </div><!-- /content -->
</div><!-- /default -->

我使用jquery-1.6.4.min.jsjquery.mobile-1.0.min.js

在Chrome 16.0.912.77 m和Firefox 9.0.1上测试

2 个答案:

答案 0 :(得分:0)

尝试将表单操作属性更改为“action.html”之类的正确链接并尝试使用。它将转到新页面

答案 1 :(得分:0)

您是否双击了页面上表单元素的实际ID?我的代码在我的代码中被定义为“form1”,但当页面呈现时它被重命名为“aspnetform”。当我更改我的jquery选择器以找到正确的ID时,没关系。