Méthode JS pour déterminer le nombre d'octets dans une chaîne et intercepter les compétences length_javascript

L'exemple de cet article décrit comment JS détermine le nombre d'octets dans une chaîne et intercepte la longueur. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

C'est quelque chose que j'ai accumulé pendant la production du projet. Je pense que l'effet est correct. Maintenant, je vais coller l'effet :

Donc, sur la page, nous devons détecter deux choses, l'une est le nombre d'octets et l'autre est le nombre de caractères.

Étant donné que la base de données nécessite que la longueur du titre soit de 200 octets, le code js spécifique est le suivant :

/*************************************************************************
* CodeBy:SCY CodeDate:2011年3月11日 12:01:16 
* DESC：主要是用来判断当前输入的字节数，以便做到限制输入标题的长度功能
**************************************************************************/
var matchWords;
function notifyTextLength() {
  var inputNum = document.getElementById("txtTitle").value.replace(/[^\x00-\xff]/g, "**").length; //得到输入的字节数
  if (inputNum <= 200) {
    matchWords = document.getElementById("txtTitle").value.length;
    document.getElementById("inputedWord").innerHTML = inputNum + "字节," + matchWords + "字符";
    document.getElementById("inputtingWord").innerHTML = (200 - inputNum) + "字母,"+(Math.round(((200-inputNum)/2)-0.5))+"汉字";
  }
  if (inputNum > 200) {
      document.getElementById("txtTitle").value = document.getElementById("txtTitle").value.substring(0, matchWords); //如果超过200字节，就截取到200字节
    }
}

Parmi eux, matchWords représente le nombre de caractères correspondants lorsque le nombre d'octets est inférieur à 200 ; inputNum est le nombre d'octets d'entrée.

Lorsque le nombre d'octets saisis dans le titre est supérieur à 200, il sera intercepté en fonction du nombre de caractères.

Le code html est le suivant :

<input id="txtTitle" type="text" class="inputText" runat="server" onpropertychange="notifyTextLength();" />
当前已经输入<span id="inputedWord" style="color:red"></span>
还可以输入<span id="inputtingWord" style="color:Red;"></span>

Les lecteurs intéressés par davantage de contenu lié à JavaScript peuvent consulter les sujets spéciaux sur ce site : "Résumé des techniques d'algorithme de recherche JavaScript", "Résumé des effets et techniques spéciaux d'animation JavaScript ", "Résumé des erreurs JavaScript et des techniques de débogage", "Résumé des structures de données JavaScript et des techniques d'algorithme", "Résumé des algorithmes et techniques de traversée JavaScript" et "Résumé mathématique JavaScript de l'utilisation des opérations》

J'espère que cet article sera utile à tout le monde dans la programmation JavaScript.