문자열의 바이트 수를 확인하고 length_javascript 기술을 가로채는 JS 메서드

이 기사의 예에서는 JS가 문자열의 바이트 수를 결정하고 길이를 가로채는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 자세한 내용은 다음과 같습니다.

프로젝트 제작 과정에서 쌓인 내용인데 이제 효과를 붙여보겠습니다.

그래서 페이지에서 우리는 두 가지를 감지해야 합니다. 하나는 바이트 수이고 다른 하나는 문자 수입니다.

데이터베이스에서는 제목 길이가 200바이트여야 하므로 구체적인 js 코드는 다음과 같습니다.

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

그 중 matchWords는 바이트 수가 200 미만일 때 일치하는 문자 수를 나타내며, inputNum은 입력 바이트 수입니다.

제목에 입력한 바이트 수가 200자를 초과하는 경우 문자 수에 따라 차단됩니다.

html 코드는 다음과 같습니다.

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

더 많은 JavaScript 관련 콘텐츠에 관심이 있는 독자는 이 사이트의 특별 주제를 확인할 수 있습니다: "JavaScript 검색 알고리즘 기술 요약", "JavaScript 애니메이션 특수 효과 및 기술 요약 ", "JavaScript 오류 및 디버깅 기술 요약", "JavaScript 데이터 구조 및 알고리즘 기술 요약", "JavaScript 순회 알고리즘 및 기술 요약" 및 "JavaScript 수학 연산 사용법 요약》

이 기사가 JavaScript 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.