如果存在具有特定CSS类的元素,则执行Javascript

如果存在具有特定CSS类的元素,则执行Javascript,javascript,jquery,html,css,asp.net-mvc,Javascript,Jquery,Html,Css,Asp.net Mvc,我有一个页面,如果用户在文本框中输入不正确的值,该页面将显示一个错误div,其中包含一类“验证错误” 当显示error div时,有没有一种执行javascript函数的方法可以将CSS属性添加到按钮?该函数当前在window.onload中调用 如果窗口已更改/元素已添加,是否有执行javascript函数的方法?如果页面上有jQuery: if ($('.validation-errors').length){ /*your code here */ } 在纯JS中,应该是这样的: if

我有一个页面,如果用户在文本框中输入不正确的值,该页面将显示一个错误div,其中包含一类“验证错误”

当显示error div时,有没有一种执行javascript函数的方法可以将CSS属性添加到按钮?该函数当前在window.onload中调用


如果窗口已更改/元素已添加,是否有执行javascript函数的方法?

如果页面上有jQuery:

if ($('.validation-errors').length){ /*your code here */ }
在纯JS中,应该是这样的:

if (document.getElementsByClassName("validation-errors").length){ /*your code here */ }

如果页面上有jQuery:

if ($('.validation-errors').length){ /*your code here */ }
在纯JS中,应该是这样的:

if (document.getElementsByClassName("validation-errors").length){ /*your code here */ }

如果您可以使用jQuery,就可以

$(".validation-errors").live(function() {/* do whatever you want when your error div exists */ });

如果您可以使用jQuery,就可以

$(".validation-errors").live(function() {/* do whatever you want when your error div exists */ });


您是否考虑过使用JQuery来实现这一点?是的,但我不确定如何实现。这是一个MVC网站,我实际上不知道/不理解验证消息是如何显示的——如果我知道,我可以添加一个函数调用,在显示错误div/消息时将CSS应用于按钮。显示此错误消息时,按钮基本上需要更新。以下是JQuery的基本介绍:。它基本上是一个JavaScript库,允许您根据类、id等选择元素并触发事件。@Liam-谢谢,我已经看出来了,它比Javascript@aspdotnetuser如果您只是在样式表中编写CSS规则,它们甚至会应用于使用AJAX添加的节点。您考虑过使用JQuery来实现这一点吗?是的,但我不确定如何实现。这是一个MVC网站,我实际上不知道/不理解验证消息是如何显示的——如果我知道,我可以添加一个函数调用,在显示错误div/消息时将CSS应用于按钮。显示此错误消息时,按钮基本上需要更新。以下是JQuery的基本介绍:。它基本上是一个JavaScript库,允许您根据类、id等选择元素并触发事件。@Liam-谢谢,我已经看到它比Javascript@aspdotnetuser如果您只是在样式表中编写CSS规则,它们甚至会应用到使用AJAX添加的节点上。这听起来很棒。我稍后将对此进行一次尝试并发回。请记住,在最近的jQuery版本中,live函数已被弃用,应该避免使用。@aspdotnetuser您可能希望看到tborychowski的注释正文“我的编辑”以回应此问题。@11684没有类似的事件live@11684否:-没有“现场”这样的活动名称!jQuery有一个函数live来附加类似于bind或delegate的事件,但从来没有一个事件被称为“live”。看一看:听起来不错。我稍后将对此进行一次尝试并发回。请记住,在最近的jQuery版本中,live函数已被弃用,应该避免使用。@aspdotnetuser您可能希望看到tborychowski的注释正文“我的编辑”以回应此问题。@11684没有类似的事件live@11684否:-没有“现场”这样的活动名称!jQuery有一个函数live来附加类似于bind或delegate的事件,但从来没有一个事件被称为“live”。看一看:它似乎不起作用-我试图显示一个警报来测试它是否起作用。我把它放在标签里了。我不确定它为什么不起作用。我认为这里的问题是div验证错误最初并不存在,而是在错误发生时动态创建的。我说的对吗?它似乎不起作用-我试图显示一个警报来测试它是否起作用。我把它放在标签里了。我不确定它为什么不起作用。我认为这里的问题是div验证错误最初并不存在,而是在错误发生时动态创建的。我说的对吗?window.onload是否需要执行JS代码?如果是这样,如何使它在每次页面更新时执行?i、 e erorrs div并不总是显示。@aspdotnetuser是的,它必须在页面加载后执行。我不想检查整个页面是否更新了,我宁愿找到创建这些错误div的函数并将其附加到那里。window.onload是否需要执行JS代码?如果是这样,如何使它在每次页面更新时执行?i、 e erorrs div并不总是显示。@aspdotnetuser是的,它必须在页面加载后执行。我不想检查整个页面是否更新了,我宁愿找到创建这些错误div的函数并将其附加到那里。