openElement

Champ de saisie texte

Bonjour,

Le code ci-dessous teste (devrait<img src="smileys/smiley5.gif" alt="Confused" title="Confused" />)  tester la zone texte d'un élément "Champ de saisie texte" ou "champ de saisie de texte multiligne" et  faire basculer alternativement la classe CSS d'un bouton si le champ de texte est vide ou pas.

<font face="Courier New, Courier, mono" color="#333333">CSS
<font face="Courier New, Courier, mono" color="#0033FF">.bt1_suivant_inactif {
    opacity: 0.3;
    transition: 0.5s ease;
}
<font face="Courier New, Courier, mono" color="#0033FF">
JS
<font face="Courier New, Courier, mono" color="#0033FF">
<font color="#0033FF">$(document).ready(function() {

if( $('champ_message').is(':empty') )) {  <font color="#006600">// La classe est-elle bien à imposer au champ  de saisie texte? //

    if ($(this).val())
      $('bt1_suivant_inactif').toggleClass('bt1_suivant_actif');
    else
$('bt1_suivant_actif').toggleClass('bt1_suivant_inactif');
  });

});

Quelque chose ne va pas: mon code JS efface toute la page<img src="smileys/smiley19.gif" alt="Cry" title="Cry" /><img src="smileys/smiley19.gif" alt="Cry" title="Cry" /><img src="smileys/smiley19.gif" alt="Cry" title="Cry" />
Une piste ?<img src="smileys/smiley38.gif" alt="Lamp" title="Lamp" />

Edité par LVO - 05 Avr 2019 à 20:31

Auteur	Message Sujet Recherche Options des sujets Répondre Créer un nouveau sujet Version imprimable Traduction Sujet
LVO Profil des membres Envoyer un message privé Trouve les messages des membres Ajouter à la liste Senior Member Depuis le: 02 Mai 2018 Status: Inactif Points: 115	Options des messages Répondre Citer LVO Rapporter un message Thanks(0) Citer Réponse Sujet: Javascript & champ formulaire Envoyé : 05 Avr 2019 à 11:33
	Bonjour, Le code ci-dessous teste (devrait<img src="smileys/smiley5.gif" alt="Confused" title="Confused" />) tester la zone texte d'un élément "Champ de saisie texte" ou "champ de saisie de texte multiligne" et faire basculer alternativement la classe CSS d'un bouton si le champ de texte est vide ou pas. <font face="Courier New, Courier, mono" color="#333333">CSS <font face="Courier New, Courier, mono" color="#0033FF">.bt1_suivant_inactif { opacity: 0.3; transition: 0.5s ease; } <font face="Courier New, Courier, mono" color="#0033FF"> JS <font face="Courier New, Courier, mono" color="#0033FF"> <font color="#0033FF">$(document).ready(function() { if( $('champ_message').is(':empty') )) { <font color="#006600">// La classe est-elle bien à imposer au champ de saisie texte? // if ($(this).val()) $('bt1_suivant_inactif').toggleClass('bt1_suivant_actif'); else $('bt1_suivant_actif').toggleClass('bt1_suivant_inactif'); }); }); Quelque chose ne va pas: mon code JS efface toute la page<img src="smileys/smiley19.gif" alt="Cry" title="Cry" /><img src="smileys/smiley19.gif" alt="Cry" title="Cry" /><img src="smileys/smiley19.gif" alt="Cry" title="Cry" /> Une piste ?<img src="smileys/smiley38.gif" alt="Lamp" title="Lamp" /> Edité par LVO - 05 Avr 2019 à 20:31

openElement

Javascript & champ formulaire