提交后的ajaxForm转到php页面而不是停留

时间:2016-06-17 14:18:49

标签: jquery html forms ajaxform

我尝试使用ajaxForm在一个页面中提交10个表单。 所以我尝试了这个步骤,但是在第一次打开我的页面时,ajaxForm不起作用并转到php页面(白页)而不是停留!

1-我添加了jquery和jqueryForm:

    <script src="js/jquery-1.7.js"></script>
    <script src="http://malsup.github.com/jquery.form.js"></script>

2-为我的每个表单定义ajaxForm():

   $(document).ready(function() {
       $('#formP2').ajaxForm(function() {
           alert("Page 2 submitted!");
           $('#page02').collapsible('collapse');
           $('#page03').show();
           $('#page03').collapsible('expand');
       });
       $('#formP3').ajaxForm(function() {
           alert("Page 3 submitted!");
           $('#page03').collapsible('collapse');
           $('#page04').show();
           $('#page04').collapsible('expand');
       }); 
...}

3-我写了我的表格:

<form class="form-inline" role="form" method="post" action="php/formUserP1.php" 
id="formP1" name="formP1" enctype="multipart/form-data">
<input type="submit" class="form-control dont-print" data-icon="arrow-l" data-inline="true" name="next02" id="next02">
</form>
<form class="form-inline" role="form" method="post" action="php/formUserP2.php" id="formP2" name="formP2">
</form>
...

第一次,这不起作用。当我提交任何表格时,页面会转到php文件和白页。但是当我刷新页面时这很好用! 请帮帮我!

0 个答案:

没有答案