jquery événement focusIn pas de tir

Question

Je valider l'entrée de formulaire par exemple dire Prénom sur un simple clic de button.If vide je change la classe à

.ValidateError 
{ 
    border: 3px solid #ff9600; 
    background: #ffebe9; 
    padding: 4px 4px 5px 4px; 
    color: #404040; 
} 

Le focus sur la zone de texte que je suis en train pour enlever cette classe dans la zone d'entrée en utilisant le script suivant sur document.ready

$('#divPersonalInfo input').focusin(function() { 
     $(this).removeClass().addClass('input w220'); 
    }); 
}); 

Voici le code html

<div id="divPersonalInfo" class="PersonalInfo"> 

    <h2 id="hPersonal"> 
    Personal Information 
    </h2> 

    <div class="FormColumn FloatLeft"> 
    <label> 
     first name* 
    </label> 
    <br /> 
    <input maxlength="100" id="txtFirstName" placeholder="First Name" class="input w220 "/> 
    </div> 

    <div class="FormColumn FloatLeft"> 
    <label> 
     last name* 
    </label> 
    <br /> 
    <input maxlength="100" id="txtLastName" placeholder="Last Name" class="input w220"/> 
    </div> 

    <div class="FormColumn FloatLeft"> 
    <label> 
     email* 
    </label> 
    <br /> 
    <input maxlength="100" id="txtPersonalEmailId" placeholder="will be seen when sending your web profile/app to your colleagues" class="input w220"/> 
    </div> 
</div> 

Mais la classe n'est pas supprimé sur focusIn

Answer 1

Vous devez écrire un nom de classe si vous voulez supprimer uniquement « ValidateError »

$(this).removeClass("ValidateError"); 

BTW. En utilisant jquery vous pouvez utiliser votre foyer comme celui-ci

$(selector).focus(function)