Mettre en majuscule le premier caractère de la saisie de texte

Question

Je ne vois pas où je vais me tromper. Mon code est ...

function firstC() 
    { 
     var x = document.getElementsByClassName("uValue"); 

     for(var i = 0; i < x.length; i++) { 
      x.value.charAt(0).toUpperCase(); 
     } 
    } 

Il est appelé par ...

<td><input type="text" name="firstname" value="(required)" id="firstName" class="uValue" onclick="empty(this.id)" onblur="firstC()" /></td> 

La fonction fonctionne correctement empty() en supprimant la valeur de la zone d'entrée si sa valeur est « (nécessaire) », mais je ne peux pas obtenir la fonction firstC() pour mettre en majuscule le premier caractère de n'importe quelle entrée.

EDIT: J'utilise getElementsByClassName car il y a plusieurs boîtes d'entrée que j'essaye de permettre d'utiliser la même fonction.

Answer 1

Vous avez oublié d'affecter la valeur de retour

function firstC() 
    { 
     var x = document.getElementsByClassName("uValue"); 

     for(var i = 0; i < x.length; i++) { 
      x[i].value = x[i].value.charAt(0).toUpperCase() + x[i].value.substr(1); 
     } 
    } 

Answer 2

Vous devriez plutôt passer le this dans votre inline JS eventers:

onclick="empty(this)" onblur="firstC(this)" 

Exemple

function empty(el) { // el now refers to the this referrer 
 
    el.value=""; 
 
} 
 

 
function firstC(el) { 
 
    var val = el.value; 
 
    el.value = val.charAt(0).toUpperCase() + val.substr(1); 
 
}

<input type="text" onclick="empty(this)" onblur="firstC(this)" value="(required)" id="firstName" class="uValue" name="firstname">

PS: ne pas oublier qu'au lieu d'utiliser empty() et value="(required)" vous pouvez simplement utiliser le placeholder attrib te

placeholder="(required)"