cari

Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimanakah js menentukan panjang kemahiran input string_javascript

Bagaimanakah js menentukan panjang kemahiran input string_javascript

WBOY
WBOYasal
2016-05-16 15:25:242005semak imbas

JS menentukan panjang rentetan input (aksara Cina dikira sebagai dua aksara, huruf dan nombor dikira sebagai satu)

Apabila teks dimasukkan, penyerahan gagal kerana had panjang medan jadual pangkalan data, jadi kaedah pengesahan ini difikirkan.

Tanpa berlengah lagi, mari bercakap tentang kod: 

<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>

Di atas ialah cara js menentukan panjang rentetan input. Saya harap ia akan membantu pembelajaran semua orang dan mempelajari cara menentukan panjang rentetan input.

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：js melaksanakan perkongsian kandungan terpilih kepada kemahiran Sina atau Tencent Weibo_javascriptArtikel seterusnya：js melaksanakan perkongsian kandungan terpilih kepada kemahiran Sina atau Tencent Weibo_javascript

Artikel berkaitan

Lihat lagi