Question

我在提交多页表单时遇到问题。问题是当我按下一页按钮时页面刷新。我相信这是一个回归真/假问题，但我不知道问题出在哪里。这是代码：

$(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，但出于某种原因，我自己写这篇文章最终会在灾难中每次都发生。

Answer 1

尝试event.preventDefault()：

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

HTML多页表单问题（页面刷新）

1 个答案: