[RESOLU] Bout de code JS pour mise en majuscule qui ne fonctionne pas (débutant)

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : [RESOLU] Bout de code JS pour mise en majuscule qui ne fonctionne pas (débutant)

Re: Bout de code JS pour mise en majuscule qui ne fonctionne pas (débutant)

par wwwbillgates » 13 févr. 2018, 01:03

Super, Merci beaucoup, bonne journée ;)

Re: Bout de code JS pour mise en majuscule qui ne fonctionne pas (débutant)

par Aureusms » 04 févr. 2018, 09:44

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"]');

Re: Bout de code JS pour mise en majuscule qui ne fonctionne pas (débutant)

par wwwbillgates » 29 janv. 2018, 13:53

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 ;)

Re: Bout de code JS pour mise en majuscule qui ne fonctionne pas (débutant)

par @rthur » 29 janv. 2018, 11:20

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

Bout de code JS pour mise en majuscule qui ne fonctionne pas (débutant)

par wwwbillgates » 28 janv. 2018, 19:20

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 />