Question

所以我有一个3页的注册页面。在第一页上有三个选项，如果用户选择第一个选项，则提交按钮显示在第二页的底部。如果用户选择选项2或3，则在第二页上，只有在选择某个单选按钮后才会出现提交按钮。这是第二页的代码：

<form id="everything" method="post" action="Page3.php">
<input type="radio" id="Reg_num_r1" name="Reg_num_r" value="1"/> Register 1 <br/>
<input type="radio" id="Reg_num_r2" name="Reg_num_r" value="2"/> Registration 1+ <br/>
<input type="submit" name="submit" value="Submit" id="submit"  style="display:none;"/>
</form>

这是JQuery代码：

$(document).ready(function(e) {
if(type==1) {
        $("#submit").show();
    }

$("input[name= 'Reg_num_r']").change( function () {
        if($(this).val()==1) {
            $('#Reg_num2').hide();
        } else {
            $('#Reg_num2').show();
        }
        $("#submit").show();
    });
$("#everything").submit( function() {
        var data = $("#everything").serialize();
        alert(data);
        return true;
    });
}

如果我在第一页上选择了第一个选项，然后点击第二页上的提交按钮，它就可以完美地运行到第3页。但是，如果我选择选项2或3，则提交按钮不起作用。我不断点击它，没有任何反应。我认为这是因为它从选项2或3开始隐藏，但我不知道解决方法。有任何想法吗？谢谢

Answer 1

您正在尝试引用ID为$("#everything").submit()的表单，但该表单只有一个名称。要么为其提供ID，要么将代码更改为$("form[name='everything']").submit()

Answer 2

$("#everything")选择器不存在。您的表单没有此ID。尝试：

$("form[name=everything]").submit( function() {
    ...
});

Answer 3

$("#everything") is the ID in the selector.. But you do not have a form with ID  

<form name="everything" id="everything"

进行此更改以使其正常工作..

JQuery提交按钮不起作用

3 个答案: