Wie bestimmt js die Länge der Eingabezeichenfolge? Javascript-Fähigkeiten-js-Tutorial-php.cn

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

WBOY

Freigeben： 2016-05-16 15:25:24

Original

2041 Leute haben es durchsucht

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>

Nach dem Login kopieren

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.