2012-09-13 59 views
0

所以我有一个3页的注册页面。在第一页有三个选项,如果用户选择第一个选项,则提交按钮显示在第二页的底部。如果用户选择选项2或3,则在第二页上,仅在选择某个单选按钮后才会出现提交按钮。下面是对于第2页代码:JQuery Submit按钮不起作用

<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; 
    }); 
} 

如果我选择了第一页上的第一个选项,并单击第2页上的提交按钮,它完美我进入第3页。但是,如果我选择选项2或3,则提交按钮不起作用。我不断点击它并没有任何反应。我认为这是因为它从选项2或3开始就隐藏起来,但我不知道解决方法。有任何想法吗?谢谢

+0

什么类型== 1应该检查? – hsalama

+0

你可以在Firebug中看到,如果有一些JS错误,总是有助于调试... – jtheman

+0

哪里是类型定义? – jtheman

回答

1

你正在试图引用一个在$("#everything").submit()的ID的表单,但该表只有一个名称。要么给它一个ID或更改您的代码$("form[name='everything']").submit()

+0

试过,仍然没有工作。编辑文章 – Richard

+0

尝试将您的提交按钮更改为“'并将您的js更改为' $('input [name =“submit”))。click(function(){(“#everything”)。submit(function(){ var data = $(“#everything”)。 警报(数据);回报 真实; }); });' – kingkode

+0

仍然 – Richard

0

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

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

固定,但仍然没有工作 – Richard

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

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

进行此更改为它工作..

+0

没有工作,没有工作 – Richard

+0

将警报在提交事件和检查您看到警报的位置。如果看到警报,您是否在浏览器中看到该请求 –