jquery驗證點擊事件的錯誤消息

我使用jQuery的bassistance驗證插件。jquery驗證點擊事件的錯誤消息

爲了保持窗體清晰，我在無效字段後面僅放置一個字母作爲Errormessage（例如無效格式的「F」）。現在我想通過點擊字母給用戶一個特殊div（#errordetails）中的詳細errormessage選項。

$(".contactForm").validate({ 
    rules .... 
}), 

...

我希望把這樣的事情：

$("label.error").click(function() { 
    alert("The Errormessage was clicked ..."); 
})

我在哪裏必須把這個代碼？

編輯：對不起，我忘了寫這個。在$（document）.ready（）中，事件不起作用。點擊查看其它元素的事件爲$（「label.error」）

OK編輯第2部分工作正常，但不是事件：

我的HTML驗證後

：

<div class="formField cf">       
    <label for="contactGeburt">Geb.datum * 
     <span style="font-size: 10px; color: #999">&nbsp;(dd.mm.jjjj) 
     </span> 
    </label>        
    <input type="text" maxlength="10" id="gebdatum" name="gebdatum" class="textField datum error"> 
<label for="gebdatum" generated="true" class="error"> 
    <span class="errorvalue">P 
    </span> 
</label>

這裏是jQuery的部分

$(document).ready(function(){ 
$(".contactForm").validate({ 
    rules: { 
    gebdatum: { 
     required: true, 
     dateDE: true 
     } 
    }, 
}), 

//This does not work 
$(function() { 
    $("label.error").click(function() { 
    alert("The Errormessage was clicked ..."); 
    }); 
}); 

// This works - H1 is also on the document ;-) 
$(function() { 
    $("h1").click(function() { 
    alert("H1 was clicked ..."); 
    }); 
});  
});

編輯第3部分：

感謝您的支持：

從來就測試的（有效）的代碼，但它doesn't工作。從來就開始從bassistance的demopage：

http://jquery.bassistance.de/validate/demo/

我粘貼功能：

$("label").click(function() { 
    alert("The Label was clicked ..."); 
});

...並運行的代碼（控制檯）。在單擊文本框中的標籤時，會顯示alertmessage。點擊「提交」 - 按鈕後，錯誤標籤（紅色）不會對事件做出反應，但輸入字段的標籤會顯示警報框。

所以我再次從控制檯運行代碼（錯誤在屏幕上後），現在顯示了alterbox。

所以我認爲，事件必須放在窗體中的validate事件中，但我不知道正確的語法。

編輯第4部分：

這裏是所有ressorces到的jsfiddle的鏈接包括：http://jsfiddle.net/frank79/HVEXm/

感謝您的幫助！對不起，這個可憐的英語......

來源

2011-12-12 Frank 79

如果我明白你的問題，你可以把你的代碼放在'$（document）.ready（）'塊中。 – JMax

對不起，我忘了寫這個。在$（document）.ready（）中，事件不起作用。其他元素的點擊事件工作正常，但不是$（「label.error」）的事件.... –

向我們展示您的HTML，例如在jsfiddle中。您可能在選擇器中出現錯誤，尤其是在其他事件發生時 – JMax

好從來就得到了解決：

$(".contactForm").delegate("label", 'click', function() { 
    alert("A Label was clicked...."); 
}).validate({ 
    rules: { 
     gebdatum: { 
      required: true, 
      dateDE: true 
     } 
    } 
})

我的標籤didn't調用點擊處理程序時存在。

感謝來自jquery論壇的charlietfl，感謝JMAX爲jsfiddle提供的支持！

聖誕快樂！

弗蘭克

來源

2011-12-22 08:37:27

你應該把你的代碼jQuery的文檔準備功能裏面，像這樣：

$(function() { 
    $("label.error").click(function() { 
    alert("The Errormessage was clicked ..."); 
    }); 
});

來源

2011-12-12 10:41:28 alessioalex

這是您的原代碼:: http://jsfiddle.net/2EwUK/

當在JSLint按鈕，點擊頂部， webapp會在代碼中引發一些語法錯誤。 http://jsfiddle.net/mwLWR/1/和它的作品：
，因爲它是非常相同的代碼

這裏是一個更新之一，請不要使用多個$(function() { });內$(document).ready()。感謝評論，我還添加了對驗證插件的參考。

來源

2011-12-13 08:16:05 JMax

您可以嘗試從CDN中包含驗證（例如http://ajax.aspnetcdn.com/ajax /jquery.validate/1.9/jquery.validate.min.js）？ –

謝謝。我已經更新了jsfiddle參考 – JMax

好的，我將發佈ist作爲第3部分... –

的。點擊（）方法只能在功能結合，在該方法被稱爲時間是在DOM元素的點擊事件。

隨着錯誤標籤稍後添加到DOM，它們不受影響。

改爲使用.live（）或jQuery 1.7+ .on（）方法。

$("label").live("click", function() { 
    alert("A Label was clicked...."); 
});

來源

2011-12-22 09:06:51

是的，謝謝。我在上面添加了兩個帖子。這樣可行。 –

jquery驗證點擊事件的錯誤消息

回答

相關問題