淡入淡出按鈕/選項卡，直到表單字段有用戶輸入

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/