当所有 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
设置类的标签。如果没有,则所有li
s 都被认为是有效的。
if($('li:not(.valid)').length === 0) {
// Everything's valid
}
编辑:如果您不想检查页面上的所有 li
-tags,请更具体地了解元素,例如#pswd_info li
检查#pswd_info
.
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句