jQuery Girl
  1. jQuery Girl
  3. jQuery textarea compte à rebours de caractères au chargement de la page
Intereting Posts
jQuery UI: Droppable (événement ‘drop’, tolérance: touch) dans un safari (mac) ajax jQuery asp.net error Jeton inattendu < jQuery hauteur égale divs Modification CSS de la grid Struts2-Jquery Comment utiliser la valeur de template tout en appelant une fonction? La position d’arrière-plan jQuery ne fonctionne pas dans FireFox? Construire un carrousel. Mauvaises performances sous Chrome et Firefox Définir et effacer le curseur d’intervalle jQuery Highchart Télécharger plusieurs graphiques sur une page individuelle Liste déroulante dépendante en html et javascript Supprimer div et son contenu de la chaîne html Remplir SVG uniquement si la couleur de remplissage existante est certaine Encodage de caractères de UTF8 JSON à ISO-8859-1 Bouton de retour avec phonegap (et question mobile?) Comment désactiver / réactiver le son d’un fichier audio à l’aide de javascript

jQuery textarea compte à rebours de caractères au chargement de la page

J’utilise une fonction jQuery pour générer un compte à rebours de caractère sous un champ textarea pour les utilisateurs de notre site (X caractères restants). Mon formulaire comporte plusieurs pages (un peu comme un assistant) et les utilisateurs vont et viennent tout au long des pages. Lorsque je reviens sur une étape et que je recharge une page déjà terminée, le compte à rebours de mon personnage affiche “3000 caractères restants”. Cela ne compte pas le nombre de caractères au chargement de la page. Si un utilisateur revient dans les formulaires, je souhaite que la fonction soit déclenchée et compte le nombre de caractères déjà saisis dans le champ textarea. 

# The jQuery Function $(document).ready(function () { $('textarea').on("load propertychange keyup input paste", function () { var limit = $(this).data("limit"); var remainingChars = limit - $(this).val().length; if (remainingChars <= 0) { $(this).val($(this).val().substring(0, limit)); } $(this).closest('div').find(".countdown").text(remainingChars<=0?0:remainingChars); }); }); # HTML  3000 Characters Remaining

Je pense que tu es très proche. J’ai apporté des modifications mineures à votre code et la solution de travail est donnée ci-dessous, 

 $(document).ready(function () { $('textarea').val('some text'); $('textarea').on("load propertychange keyup input paste", function () { var limit = $(this).data("limit"); var remainingChars = limit - $(this).val().length; if (remainingChars <= 0) { $(this).val($(this).val().substring(0, limit)); } $(".countdown").text(remainingChars<=0?0:remainingChars); }); $('textarea').trigger('load'); }); 
   3000 Characters Remaining

Vous pouvez avoir un déclencheur comme: 

 $('textarea').sortinggger('keyup');

jsfiddle

Dans votre fonction de préparation de document, ajoutez simplement: 

 $('.countdown').text( function () { var limit = $(this).data("limit"); var remainingChars = limit - $(this).val().length; if (remainingChars <= 0) { $(this).val($(this).val().substring(0, limit)); } });

Puisque vous répétez la fonction inside, vous pouvez envisager de la retirer de chaque instruction jquery et de vous y reporter à l'intérieur. 

  Characters Remaining : 200