2012-11-05 57 views
0

我遇到了多頁表單提交問題。問題是,當我按下下一頁按鈕時,頁面正在刷新。我相信這是一個返回真假問題,但我不知道問題出在哪裏。這裏是代碼:HTML多頁表單問題(頁面正在刷新)

$(document).ready(function() { 
     var info = []; 
     function showinfo() { 
      for (i=0; i<info.length; i++) { 
       $('#step3 ul').append(
        $('<li>' + info[i] + '</li>') 
       ); 
      }; 
     }; 
     $('#step1_btn').click(function() { 
      $("input").each(function() { 
       if (input.type != radio) { 
        info.push(this.name+':'+this.value); 
       } else if ($('.radio').is(':checked')) { 
        info.push(this.name+':'+this.value); 
       } 
      }); 
      $('#step1').css('display','none'); 
      $('#step2').css('display','inherit'); 
      $('#progbar').attr('value',33); 
      return false; 
     }); 
     $('#step2_btn').click(function() { 
      $("input").each(function() { 
       if (input.type != radio) { 
        info.push(this.name+':'+this.value); 
       } else if ($('.radio').is(':checked')) { 
        info.push(this.name+':'+this.value); 
       } 
      }); 
      $('#step2').css('display','none'); 
      $('#step3').css('display','inherit'); 
      $('#progbar').attr('value',66); 
      showinfo(); 
      return false; 
     }); 
    }); 

不知道這是你需要看到的。如果您還需要查看html,我可以提供。在此先感謝您提供的任何幫助。當別人寫它時,我可以很好地閱讀javascript,但由於某種原因,自己寫每次都會陷入災難。

回答

2

嘗試event.preventDefault()

$('#step1_btn').click(function(e) { 
    e.preventDefault(); 
    // your code here 
    return false; 
}); 
+0

謝謝。這似乎修復了刷新。現在我只需要通過並修復我的代碼,以便它真正起作用。哈。 –