添加類焦點

Question

我正在尋找一些幫助的投入，我有這個輸入

<div class="input-field section scrollspy col s12 m12 l6"> 
    <i class="material-icons prefix">today</i> 
    <input name="INICIO" id="fechaInicio" type="text" class="datepicker" minlength=10 placeholder="##-##-####" pattern="[0-9-]{10}"> 
    <label for="fechaInicio" data-error="Incorrecto" data-success="Correcto" class="active">Fecha de Nacimiento</label> 
</div> 

我要添加類「有效」給它，當它被集中，但我不對於Jquery不是太瞭解，任何人都可以幫我解決我的小問題嗎？謝謝。

Answer 1

您可以使用下面的jQuery。它只是使用了focusin()（相當於onfocus）和focusout()（相當於onblur）事件處理程序添加和刪除類（addClass()和removeClass()，分別）。

編輯更新，以顯示jQuery的正確使用爲好。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
<script> 
    var input = $("input[name=INICIO]"); 
    input.focusin(function() { 
     $(this).addClass("valid"); 
    }); 
    input.focusout(function() { 
     $(this).removeClass("valid"); 
    }); 
</script> 

請參閱JSFiddle.net上的a working example。

最新問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 相關問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.