淡出按钮/标签，直到表单字段具有用户输入

Question

http://tinyurl.com/8z8rup5

请看看我到目前为止的发展情况。我试图在jQuery中禁用此表单顶部的选项卡，以及下一步链接（这些是锚点，而不是输入按钮 - 至少在提交按钮之前），直到填写了该特定的字段标签。用户可以在他们之前的选项卡中输入数据后返回先前的选项卡。我认为它们不一定需要 - 更正 - 但只是有用户输入。

由于我试图禁用锚链接（并淡化其不透明度）而不是输入按钮，我不完全确定如何去做。

任何帮助都会很棒！谢谢。

Answer 1

试着看一下这篇文章：How to enable or disable an anchor using jQuery?

基本上，您希望在满足特定条件之前阻止锚点的默认功能：

$('a.something').click(function(e) {
  if(!valid) 
    e.preventDefault();
});

Answer 2

您可以使用preventDefault（）来防止发生默认操作。因此，对于导航链接，您可以使用以下方法禁用它们：

$(".desktoponly a").click(function (e){
   e.preventDefault();
});

显然，您可以对网站中的任何其他锚标记执行相同的操作。在按钮上单击，您可以检查表单是否完整，只有在表单完成时才转换。

看到这个小提琴：

http://jsfiddle.net/johnkoer/j6X88/4/