Discussion :

[GuyVil]

Bonjour, J'ai effectué pas mal de recherche dans le forum sans trouver le sujet, je me permet donc de créer ce post pour vous poser ma question.

Je suis sur un site wordpress qui a le thème divi.
Sur une page, j'utilise un module formulaire de contact.
dans ce formulaire de contact, j'y pose un textaera qui a son propre ID.

Je voudrais limiter le nombre de caractère que peut rentrer l'utilisateur, et ça je ne peut pas le faire nativement dans le module formulaire.
Je dois voir recours au Jquery pour rajouter un onkeyup="textLimit(this, 300)" à ma balise Textarea. Une fois que cet attribu est présent, je peux alors effectuer compter le nombre de caractère entrée par le visiteur

En javascript la fonction serait

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
function textLimit(field, maxlen) {
   if (field.value.length > maxlen) {
      field.value = field.value.substring(0, maxlen);
      alert('Votre texte est trop long!');
   }
}

Qu'il faudrait aussi traduire en JQurey.

Est-ce qu'une personne aurait la gentillesse de m'aiguiller?
D'avance merci

[Toufik83]

Salut,

Essaies ça :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<textarea id="test"></textarea>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
function textLimit(field, maxlen) {
   if (field.value.length >= maxlen) {
       field.value = field.value.substring(0, maxlen);
       alert('Text trop long...');
    }
  return field.value.length <= maxlen;
}
$(document).ready(function(){
 
   $('#test').on('keypress', function(){
   	return textLimit(this,300);
   });
 
});

[GuyVil]

Salut, merci pour ta réponse. J'obtiens un message d'erreur dans la console:

Uncaught TypeError: $ is not a function

l'erreur pointe sur cette ligne:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$(document).ready(function(){

du coup je me suis demandé si ce ne serait pas plus simple pour moi de déclarer ma fonction en javascript J'ai adapté ton code et en finalité j'ai ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function textLimit(field, maxlen) {
   if (field.value.length >= maxlen) {
       field.value = field.value.substring(0, maxlen);
       alert('Text trop long...');
       return false;
  }
  return true;
}
 
  const limite = function(){
     document.getElementById('et_pb_contact_message_0').onkeypress = function(){
     return textLimit(this,300);
   };
  }
 
window.onload = limite;

Avec ce code plus de problème, c'est donc lui que je vais utiliser.
Va falloir vraiment que je mette au Jquery de manière plus approfondie, en tout cas un grand merci, je suis sorti d'affaire sur ce point

[Toufik83]

Oui, c'est vrai que dans ce cas jQuery ne te sert pas vraiment à grand chose.

Concernant l'erreur, c'est normal parce que tu n'as pas charger la bibliothèque jQuery au début de la page qui contient le script

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<script
  src="https://code.jquery.com/jquery-3.4.1.js"
  integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU="
  crossorigin="anonymous"></script>