我有这段代码可以hidden
在段落 中添加一个类
但是我有 3 个输入,并且为每个输入做同样的事情input
有点尴尬,我试着用 来做each
,但我没有成功。
输入如下:
$("#lastname").on('input', function() {
if((($(this).val().length)) > 0) {
$('#error-nombre').addClass('hidden');
}
});
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="form-group">
<input type="text"class="form-control" id="lastname" name="lastname">
<p class="error-title hidden" id="error-lastname"></p>
</div>
<div class="form-group">
<input type="text"class="form-control" id="name" name="name">
<p class="error-title hidden" id="error-name"></p>
</div>
<div class="form-group">
<input type="text"class="form-control" id="age" name="age">
<p class="error-title hidden" id="error-age"></p>
</div>
我只想有一个函数来检测input
我正在写的那个并添加类hidden
为此,您可以简单地查找带有 class 的兄弟元素
error-title
,这是通过兄弟姐妹()实现的,然后hide()
在条件为真show()
时应用条件。此外,您必须消除
hidden
每个段落中的类,以便原则上显示所有这些类entrada
,并添加我们将分配给侦听器的类。(咳咳,使用 show 和 hide ,但也可以使用 addClass 和 removeClass )为此,您需要查看哪些输入是更改的输入,并且使用
this
,您可以将属性应用于特定的输入,它看起来像这样:我想您在某个div中将三个输入作为容器
现在有了
jquery
,您将使用您已经实现的相同的东西,但对于容器输入:这样,当它被写入容器的任何输入时,它都会很有用。干杯
您可以使用多个选择器并使用最接近()
但是对于您的 html,您必须将错误处理程序添加为一个类并重复它
我希望它对你有帮助。