Kaedah JS untuk menentukan bilangan bait dalam rentetan dan memintas kemahiran length_javascript

Contoh dalam artikel ini menerangkan cara JS menentukan bilangan bait dalam rentetan dan memintas panjang. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:

Ini adalah sesuatu yang saya terkumpul semasa pengeluaran projek, saya rasa kesannya okey

Jadi, pada halaman, kita perlu mengesan dua perkara, satu ialah bilangan bait dan satu lagi ialah bilangan aksara.

Memandangkan pangkalan data memerlukan panjang tajuk menjadi 200 bait, kod js khusus adalah seperti berikut:

/*************************************************************************
* 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字节
    }
}

Antaranya, matchWords mewakili bilangan aksara yang sepadan apabila bilangan bait kurang daripada 200 inputNum ialah bilangan bait input.

Apabila bilangan bait yang dimasukkan dalam tajuk lebih daripada 200, ia akan dipintas mengikut bilangan aksara.

Kod html adalah seperti berikut:

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

Pembaca yang berminat dengan lebih banyak kandungan berkaitan JavaScript boleh menyemak topik khas di tapak ini: "

Ringkasan teknik algoritma carian JavaScript", "Ringkasan kesan dan teknik khas animasi JavaScript ", "Ringkasan ralat JavaScript dan teknik penyahpepijatan", "Ringkasan struktur data JavaScript dan teknik algoritma", "Ringkasan algoritma dan teknik traversal JavaScript" dan "Ringkasan Matematik JavaScript bagi penggunaan operasi》

Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan JavaScript.