jquery - 淡出按钮/选项卡，直到表单字段有用户输入

Question

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

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

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

score 0 · Accepted Answer

基本上你会想要阻止锚的默认功能，直到满足某些条件：

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

score 0 · Accepted Answer

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

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

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

看到这个小提琴：

2 回答 2