Javascript nombre de caractères

Exemple ici: http://jsfiddle.net/67XDq/1/

J'ai le code HTML suivant:

<tr id="rq17">
    <td class='qnum'>17.</td>
    <td class='qtext'>Questions? <i>Maximum of 500 characters - <input style="color:red;font-size:12pt;font-style:italic;" readonly type="text" name="q17length" size="3" maxlength="3" value="500"> characters left</i><br/>
              <textarea 
                 onKeyDown="textCounter(document.frmSurvey.q17,document.frmSurvey.q17length,500);"
                 onKeyUp="textCounter(document.frmSurvey.q17,document.frmSurvey.q17length,500)" 
                 class="scanwid" name="q17" id="q17" rows="5" cols="">
              </textarea>
    </td>
</tr>

Et le code Javascript suivant:

function textCounter(field,cntfield,maxlimit) {
    if (field.value.length > maxlimit) //if too long...trim it!
    field.value = field.value.substring(0, maxlimit);
    //otherwise, update 'characters left' counter
    else
    cntfield.value = maxlimit - field.value.length;
    }

Pour une raison que je suis totalement en manque, cela ne semble pas fonctionner comme prévu.

Il devrait limiter le nombre de caractères dans le textarea et aussi le compte à rebours du nombre à l'intérieur de la label mais il est en train de faire ni.

  • Ce n'est pas de travail? Avez-vous débogué chaque ligne pour voir si il contient ce que vous vous attendez à ce qu'elle contient?
  • Où est le jQuery dans cette question?
  • Le violon ne fonctionne pas du tout. Vous devez sélectionner "pas de retour à la ligne (de la tête)" et puis vous devez vous assurer que le <form> balise dans le code HTML.
  • voir mise à jour de violon jsfiddle.net/67XDq/7
  • Apols - il a eu d'autres jQuery mais je l'ai enlevé - oublié de le supprimer à partir du titre. Ajout d'informations à propos de ce qui ne fonctionne pas comme prévu.
InformationsquelleAutor Homer_J | 2013-11-13
  1. 12

    Il y a deux questions dans le violon

    • aucun élément de formulaire
    • mode script a été onload, ce qui signifie que la fenêtre de l'objet n'ont pas textCounter fonction

    voir mise à jour de violon http://jsfiddle.net/67XDq/7/, balisage:

    <tr id="rq17">
   <td class='qnum'>17.</td>
   <td class='qtext'>
    Questions? <i>Maximum of 500 characters - 
    <input style="color:red;font-size:12pt;font-style:italic;" readonly="readonly" type="text" id='q17length' name="q17length" size="3" maxlength="3" value="500" /> characters left</i>
    <br />
    <textarea 
          onKeyDown="textCounter(this,'q17length',500);"
          onKeyUp="textCounter(this,'q17length',500)" 
          class="scanwid" name="q17" id="q17" rows="5" cols=""></textarea>
   </td>
</tr>

    et le code

    function textCounter(field, cnt, maxlimit) {         
  var cntfield = document.getElementById(cnt)   
  if (field.value.length > maxlimit) //if too long...trim it!
    field.value = field.value.substring(0, maxlimit);
    //otherwise, update 'characters left' counter
  else
    cntfield.value = maxlimit - field.value.length;
}
    • ayant var cntfield = document.getElementById(cnt) dans le gestionnaire d'événements est terriblement inefficace. merci pour la réponse, de toute façon, il a toujours aidé!
    • sshhhh bien sûr, il est. Mais si vous savez ce que vous ne voudriez pas aller avec une telle solution, en premier lieu.
    InformationsquelleAutor vittore
  2. 1

    Modifier votre code html afin de supprimer tout ce qui onkey trucs

    <tr id="rq17">
  <td class='qnum'>17.</td>
  <td class='qtext'>Questions? <i>Maximum of 500 characters - <input id="charsLeft" style="color:red;font-size:12pt;font-style:italic;" readonly type="text" name="q17length" size="3" maxlength="3" value="500"> characters left</i><br/><textarea class="scanwid" name="q17" id="q17" rows="5" cols="" maxlength="500"></textarea></td>
</tr>

    Et le javascript est: est-ce

     $("#q17").keyup(function() {
    $('#charsLeft').val(500 - $(this).val().length);
});

    Ici un violon: http://jsfiddle.net/67XDq/11/

    • Peut-être qu'il faut juste inclure jQuery dans son projet et de récolter les récompenses
    • Juste pour ajouter le gestionnaire d'événements et document.getElementById alias? Indépendamment de cela, OP démarreur pourrait ne pas être en mesure d'utiliser jquery pour une raison quelconque.
    • OP dit lui-même dans les commentaires qu'il a utilisé jQuery, mais aller de l'avant et utiliser getElementById til les vaches viennent à la maison
    • Merci Tom - apprécié - en verrons jQuery solution dans l'avenir.
    InformationsquelleAutor Tom G
  3. 1

    voir violon: http://jsfiddle.net/abhiklpm/67XDq/15/

    modifié la fonction:

    function textCounter(field, cntfield, maxlimit) {        
    if (document.getElementById(field).value.length > maxlimit) {
        //if too long...trim it!
        document.getElementById(field).value = document.getElementById(field).value.substring(0, maxlimit);
    }
    //otherwise, update 'characters left' counter
    else {        
      document.getElementById(cntfield).value = maxlimit - document.getElementById(field).value.length;
    }
}

    aussi vous avez été absent id id="q17length" dans votre code html

    édité: aussi u n'ont pas été en passant l'id de chaîne: textCounter('q17','q17length','500');

    InformationsquelleAutor abhiklpm
  4. 0
    var tweet = prompt("Write Tweet:");

var tweetCount = tweet.length;

alert("You have written " + tweetCount + " characters, you have " + (140- tweetCount) + " Chartacters remaining")
    • Vous devez ajouter un complément d'information afin que les lecteurs (en particulier les apprenants) peuvent comprendre la valeur de votre réponse par rapport à d'autres solutions.
    • Merci, je suis nouveau donc désolé à ce sujet. Je vais définitivement.
    InformationsquelleAutor Ammar Khan