刪除輸入錯誤消息後點擊輸入

我有一個表單，我在每個輸入字段下面顯示驗證錯誤。刪除輸入錯誤消息後點擊輸入

<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

只需將其添加到腳本的末尾，它將自動選擇所有輸入字段，除非在文檔加載後生成輸入字段。 –

它會選擇文檔中的每個當前輸入 –

刪除輸入錯誤消息後點擊輸入

回答

相關問題