suchen

Heim  >  Artikel  >  Web-Frontend  >  Wie bestimmt js die Länge der Eingabezeichenfolge? Javascript-Fähigkeiten

Wie bestimmt js die Länge der Eingabezeichenfolge? Javascript-Fähigkeiten

WBOY
WBOYOriginal
2016-05-16 15:25:242004Durchsuche

JS bestimmt die Länge der Eingabezeichenfolge (chinesische Zeichen zählen als zwei Zeichen, Buchstaben und Zahlen zählen als eins)

Wenn Text eingegeben wird, schlägt die Übermittlung aufgrund der Längenbeschränkung des Datenbanktabellenfelds fehl, daher wurde diese Überprüfungsmethode in Betracht gezogen.

Lassen Sie uns ohne weitere Umschweife über den Code sprechen: 

<html>
<head>
  <title>js判断输入字符串长度（汉字算两个字符，字母数字算一个）</title>
  <style type="text/css">
    .pbt {
      margin-bottom: 10px;
    }

    .ie6 .pbt .ftid a, .ie7 .pbt .ftid a {
      margin-top: 1px;
    }

    .cl:after {
      clear: both;
      content: ".";
      display: block;
      height: 0;
      visibility: hidden;
    }
  </style>
  <script type="text/javascript">
    //获取字符串长度（汉字算两个字符，字母数字算一个）
    function getByteLen(val) {
      var len = 0;
      for (var i = 0; i < val.length; i++) {
        var a = val.charAt(i);
        if (a.match(/[^\x00-\xff]/ig) != null) {
          len += 2;
        }
        else {
          len += 1;
        }
      }
      return len;
    }
    // 只要键盘一抬起就验证编辑框中的文字长度，最大字符长度可以根据需要设定
    function checkLength(obj) {
      var maxChars = 80;//最多字符数   
      var curr = maxChars - getByteLen(obj.value);
      if (curr > 0) {
        document.getElementById("checklen").innerHTML = curr.toString();
      } else {
        document.getElementById("checklen").innerHTML = '0';
        document.getElementById("subject").readOnly = true;
      }
    }
  </script>
</head>
<body>
  <div class="pbt cl">
    <textarea id="subject" maxlength="80" onkeyup="checkLength(this)" accesskey="1" tabindex="11"></textarea>
    <span id="subjectchk">还可输入
    <strong id="checklen" style="color: #FF0000">80</strong>
      个字符
    </span>
    <span id="postNameRule" class="spn_flag_1" style="display: none"></span>
  </div>
</body>
</html>

Das Obige beschreibt, wie js die Länge der Eingabezeichenfolge bestimmt. Ich hoffe, dass es für alle hilfreich ist, zu lernen und zu lernen, wie man die Länge der Eingabezeichenfolge bestimmt.

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：js implementiert die Weitergabe ausgewählter Inhalte an Weibo_javascript-Kenntnisse von Sina oder TencentNächster Artikel：js implementiert die Weitergabe ausgewählter Inhalte an Weibo_javascript-Kenntnisse von Sina oder Tencent

In Verbindung stehende Artikel

Mehr sehen