错误消息的jquery验证单击事件

我正在为JQuery使用Basistance验证插件

为了保持表单清晰，我只在无效字段后放置一个字母作为Errormessage（例如“F”表示格式无效）。现在，我想通过单击字母，为用户提供一个在特殊div（#errordetails）中显示详细错误消息的选项

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

...

我想放一些这样的东西：

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

我必须在哪里放置此代码

---

编辑：对不起，我忘了写这个。在$（document）.ready（）中，事件不起作用。其他元素的单击事件工作正常，但$（“label.error”）的事件不正常

确定编辑第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>                                                

编辑第3部分：

感谢您的支持：

我已经测试了（有效的）代码，但它不起作用。我已经从Basistance开始演示页面：

我粘贴此功能：

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

。。。并运行代码（控制台）。单击文本字段中的标签时，会显示alertmessage。单击“提交”按钮后，errorlabels（红色）不会对事件做出反应，但输入字段的标签会显示alertbox

因此，我再次从控制台运行代码（在屏幕上显示错误之后），现在显示了alterbox

所以我认为，事件必须从表单中放入validate事件中，但我不知道正确的语法

编辑第4部分：

以下是一个指向JSFIDLE的链接，其中包括所有ResForce：

---

谢谢你的帮助！！！很抱歉用了这么糟糕的英语…

您应该将代码放在jQuery的document ready函数中，如下所示：

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

---

这是您的原始代码：：

• 单击顶部的

  JSLint

  按钮时，webapp会在代码中引发一些语法错误
• 您不应该使用多个

  $（function（）{}）

  内部

  $（document）.ready（）

  ，因为它是完全相同的代码

---

这里有一个更新版本：它是有效的。感谢您的评论，我还添加了对验证插件的引用。

好的，我得到了解决方案：

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

调用单击处理程序时，我的标签不存在

感谢jquery论坛的charlietfl，感谢JMAX提供的jsfiddle excurs

圣诞快乐

Frank

调用.click（）方法时，该方法只能将函数绑定到DOM中元素的click事件

当错误标签稍后添加到DOM时，它们不会受到影响

请改用.live（）或jQuery 1.7+中的.on（）方法

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

---

如果我很理解你的问题，你可以把你的代码放在

$（document）.ready（）

块中。对不起，我忘了写这个。在$（document）.ready（）中，事件不起作用。其他元素的Click事件工作正常，但$（“label.error”）的事件不正常……向我们显示您的HTML，例如在JSFIDLE中。您的选择器可能有错误，特别是如果其他事件有效，请查看编辑的部分（2）谢谢！你能试着用你的例子来解释工作中的JSFIDLE吗？你能试着包含来自CDN的验证吗？是的，谢谢。我在上面的两篇文章中添加了答案。这很有效。

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