删除输入错误消息后点击输入

我有一个表单，我在每个输入字段下面显示验证错误。删除输入错误消息后点击输入

<div class="form-group m-0"> 
    <input type="text" class="form-control" name="address" placeholder="Address"> 
    <i class="form-group__bar error-red address"></i> 
</div>

时Ajax回应有关于输入栏的错误，我在这里显示它们。

我想要什么时，如果错误显示和用户点击输入字段，我想消失的错误信息。

是否有任何图书馆为这种事情，因为有很多领域的形式，这将是很好的地方，我们可以使用图书馆的每一个形式和领域。

来源

2017-03-09 Gammer

你不使用_jQuery_吗？ – lealceldeiro

嗨，我正在使用jquery。 – Gammer

你可以使用.focusin（）函数。你必须做的只是给每个的普通课程。就好像你的每个的公共类是“form-group__bar”，那么你可以像这样使用focusin。

$(".form-group input").focusin(function() { 
    $(this).siblings(".form-group__bar").hide() 
});

这会隐藏输入焦点上的错误信息。欲了解更多，您可以搜索focusin和focusout事件。

来源

2017-03-09 18:55:32

好多好友，谢谢。顺便说一下，有这些有点东西的任何图书馆？ – Gammer

欢迎@Gamer，有像jquery.validate和bootstrapValidator这样的插件。但是如果你的需求很小，那么不需要使用插件。你可以为它写一些js和css。 –

使用该代码库不只是需要其中的jQuery您已经使用

$("input").focus(function(){ 
    $(this).siblings("i.error-red").hide(); 
});

来源

2017-03-09 18:49:52

好吧，我知道了，是否有任何图书馆，我可以使用我不能使用上述代码为每个领域。 – Gammer

只需将其添加到脚本的末尾，它将自动选择所有输入字段，除非在文档加载后生成输入字段。 –

它会选择文档中的每个当前输入 –

删除输入错误消息后点击输入

回答

相关问题