Jquery 淡入淡出按钮/选项卡,直到表单字段有用户输入

Jquery 淡入淡出按钮/选项卡,直到表单字段有用户输入,jquery,forms,input,hide,fade,Jquery,Forms,Input,Hide,Fade,请看一下我到目前为止的发展情况。在jQuery中,我试图禁用此表单顶部的选项卡,以及下一步链接(这些是锚,不是输入按钮-至少在提交按钮之前),直到在特定选项卡上填写字段。用户在前面的选项卡中输入数据后,可以返回到以前的选项卡。我认为,它们不一定需要是正确的,只需要用户输入即可 我不完全确定该怎么做,因为我正试图禁用锚链接(并减弱其不透明度),而不是输入按钮 任何帮助都会很棒!多谢各位 试试看这篇文章: 基本上,在满足某些条件之前,您希望阻止锚定的默认功能: $('a.something').cl

请看一下我到目前为止的发展情况。在jQuery中,我试图禁用此表单顶部的选项卡,以及下一步链接(这些是锚,不是输入按钮-至少在提交按钮之前),直到在特定选项卡上填写字段。用户在前面的选项卡中输入数据后,可以返回到以前的选项卡。我认为,它们不一定需要是正确的,只需要用户输入即可

我不完全确定该怎么做,因为我正试图禁用锚链接(并减弱其不透明度),而不是输入按钮


任何帮助都会很棒!多谢各位

试试看这篇文章:

基本上,在满足某些条件之前,您希望阻止锚定的默认功能:

$('a.something').click(function(e) {
  if(!valid) 
    e.preventDefault();
});
您可以使用preventDefault()来防止发生默认操作。因此,对于您的导航链接,您可以使用以下方法禁用它们:

$(".desktoponly a").click(function (e){
   e.preventDefault();
});
显然,您可以对站点中的任何其他锚标记执行相同的操作。在按钮上单击,您可以检查表单是否完整,并且只有在表单完整时才进行转换

看这把小提琴:


请在此处发布相关代码。这是我一直在做的事情-我确信这不是最好的方式。。。但是我还没有进行任何输入检查,因为我不知道如何:)$('stepone')。单击(function(){$(this).addClass('active');$('step2')。removeClass('active');$('stepthree')。removeClass('active');$('stepfour')。removeClass('active');$('stepfive')。removeClass('active');$)。removeClass('active');$。联系底部第一步。)。fadeIn();$('.contact-bottom-step-2').hide();$('.contact-bottom-step-3').hide();$('.contact-bottom-step-4').hide();$('.contact-bottom-step-5').hide();});