Forum d'entraide PHPFrance

Bonjour, je souhaiterais faire un champ texte qui affiche directement des majuscules mais en JS afin de pouvoir l'utiliser ensuite en PHP (pas de CSS).
J'ai donc ce bout de code :

onKeyUp="javascript:this.value=this.value.toUpperCase();"

qui fonctionne très bien si je l'ajoute à un input text classique. Cependant, comme j'utilise un while en PHP et tout un tas de chose (aussi du JS pour afficher le nb de caractères restant d'un champ) et comme je suis surtout débutant en JS, alors impossible de le faire fonctionner ! Peut être est t'il placé au mauvais endroit ?

(Précisions supplémentaire : Lorsque je supprime l'ID de mon input, les Majuscules fonctionnes, mais plus mon code qui compte le nombre de caractères)

<div class="boite_texte">	
	<input type="text" onKeyUp="javascript:this.value=this.value.toUpperCase();" id="texte_50" name="texte_50" value="" size="100" maxlength="3" />
	<span class="carac_restants" id="carac_texte_50"></span>

	<script type="text/javascript">
		<!--
		maxlength_textarea('texte_50','carac_texte_50',3);
		-->
	</script>
</div>

<label for="ameliorer" ><h2>Texte ligne 1 <span class="info" >(facultatif)</span> :</h2></label><br />

Bonjour,

A priori ton problème viendrait d'une incompatibilité entre tes 2 codes javascripts car ça ne peut pas venir d'un problème entre JS et PHP vu que le 1er s'exécute dans le navigateur et le 2ème sur le serveur donc pas au même endroit.

Il faut que tu regardes dans la console de ton navigateur pour voir les messages d'erreur Javascript :
Dans Firefox et Chrome, il faut faire Ctrl+Maj+i puis l'onglet Console.
Tu peux aussi utiliser l'onglet Débogueur pour mettre des points d'arrêts et débuguer ton code JS

Merci pour ta réponse, j'ai utilisé la console de Chrome et il n'y a aucun message d'erreur. Quant à la seconde solution je suis incapable de la mettre en oeuvre car mon niveau en JS est quasi nul. Merci quand même pour ton aide

Essayes cela :

$(document).on({
	keyup : function (event) {
		var element = event.target||event.srcElement;
		var f = $(element);
		
		if (f.is('input')) {
			var v = f.val();
			v.toUpperCase();
			f.val(v);
		}
	}
},'input[type="text"]');

Super, Merci beaucoup, bonne journée