检查所有元素中的特定类

凯斯

当所有 li 元素都具有“有效”类时,我想向 console.log() 发送一条消息。目前它通过 keyUp 函数连接到我的输入。我下面的 jQuery 代码不起作用。谢谢

HTML:

<input class="confirmPwInput" type="password" name="confirm_password">
<input class="newPwInput" type="password" name="new_password">

<ul id="#pswd_info">
  <li id="letter" class="invalid">At least
    <strong>one letter</strong>
  </li>
  <li id="capital" class="invalid">At least
    <strong>one capital letter</strong>
  </li>
  <li id="number" class="invalid">At least
    <strong>one number</strong>
  </li>
  <li id="length" class="invalid">Be at least
    <strong>10 characters</strong>
  </li>
  <li id="match" class="invalid">
    <strong>Passwords must match</strong>
  </li>
</ul>

Javascript:

$('.newPwInput,.confirmPwInput').keyup(function () {
  $('#pswd_info li').each(function(){
    if($(this).hasClass('valid')){ 
      $(this).addClass('valid')
    }
  });
});
摩羯座

在您的标记中搜索li没有.valid设置类的标签如果没有,则所有lis 都被认为是有效的。

if($('li:not(.valid)').length === 0) {
   // Everything's valid
}

编辑:如果您不想检查页面上的所有 li-tags,请更具体地了解元素,例如#pswd_info li检查#pswd_info.

来源:如何检查元素是否没有特定的类?, https://api.jquery.com/length/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

从文本中删除具有特定类的所有元素

来自分类Dev

查找div中具有特定类的所有元素

来自分类Dev

检查元素是否在jquery中具有特定类

来自分类Dev

单击JavaScript中特定类的所有元素?

来自分类Dev

如何从所有元素中删除特定的类?

来自分类Dev

单击JavaScript中特定类的所有元素?

来自分类Dev

jQuery检查元素中是否有特定的类名,即使有多个类名

来自分类Dev

检查除第一个元素外的所有元素是否都具有特定类

来自分类Dev

检查并清除容器中具有特定类的所有打开的div

来自分类Dev

在jQuery中具有特定类的所有元素中添加CSS样式

来自分类Dev

使用C#中的Selenium获取具有特定类的所有元素的属性值的列表

来自分类Dev

BeautifulSoap为具有特定类的div中的所有img获取多个元素

来自分类Dev

如何使用jQuery将具有特定类的所有元素的内容放入变量中

来自分类Dev

如何检查熊猫系列中的所有元素是否都等于特定值

来自分类Dev

使用ES6检查NodeList中的任何元素是否具有特定的类

来自分类Dev

检查元素是否在jquery中具有特定的类不起作用

来自分类Dev

JS从元素中删除所有类

来自分类Dev

从所有输入元素中删除类

来自分类Dev

使用特定的span类python硒获取页面中的所有元素

来自分类Dev

检查子元素是否没有特定的类?

来自分类Dev

BeautifulSoup-检查元素是否具有特定的类

来自分类Dev

如何检查.Attr元素是否具有特定类?

来自分类Dev

检查元素是否具有特定的类并打开引导模式

来自分类Dev

检索(并传递)特定类的所有元素的ID

来自分类Dev

如何获取特定类的所有元素的ID?

来自分类Dev

CSS选择与特定类组合匹配的所有元素

来自分类Dev

禁用除特定类之外的所有表单元素

来自分类Dev

如果在特定元素之外单击,请删除具有特定类的所有元素

来自分类Dev

检查列表中的所有元素在R中是否相等

Related 相关文章

  1. 1

    从文本中删除具有特定类的所有元素

  2. 2

    查找div中具有特定类的所有元素

  3. 3

    检查元素是否在jquery中具有特定类

  4. 4

    单击JavaScript中特定类的所有元素?

  5. 5

    如何从所有元素中删除特定的类?

  6. 6

    单击JavaScript中特定类的所有元素?

  7. 7

    jQuery检查元素中是否有特定的类名,即使有多个类名

  8. 8

    检查除第一个元素外的所有元素是否都具有特定类

  9. 9

    检查并清除容器中具有特定类的所有打开的div

  10. 10

    在jQuery中具有特定类的所有元素中添加CSS样式

  11. 11

    使用C#中的Selenium获取具有特定类的所有元素的属性值的列表

  12. 12

    BeautifulSoap为具有特定类的div中的所有img获取多个元素

  13. 13

    如何使用jQuery将具有特定类的所有元素的内容放入变量中

  14. 14

    如何检查熊猫系列中的所有元素是否都等于特定值

  15. 15

    使用ES6检查NodeList中的任何元素是否具有特定的类

  16. 16

    检查元素是否在jquery中具有特定的类不起作用

  17. 17

    JS从元素中删除所有类

  18. 18

    从所有输入元素中删除类

  19. 19

    使用特定的span类python硒获取页面中的所有元素

  20. 20

    检查子元素是否没有特定的类?

  21. 21

    BeautifulSoup-检查元素是否具有特定的类

  22. 22

    如何检查.Attr元素是否具有特定类?

  23. 23

    检查元素是否具有特定的类并打开引导模式

  24. 24

    检索(并传递)特定类的所有元素的ID

  25. 25

    如何获取特定类的所有元素的ID?

  26. 26

    CSS选择与特定类组合匹配的所有元素

  27. 27

    禁用除特定类之外的所有表单元素

  28. 28

    如果在特定元素之外单击,请删除具有特定类的所有元素

  29. 29

    检查列表中的所有元素在R中是否相等

热门标签

归档