用JS判断输入的最大数(一个汉字为二个单位、一个英文字母为一个单位)

最新推荐文章于 2022-06-12 23:22:52 发布

转载最新推荐文章于 2022-06-12 23:22:52 发布 · 645 阅读

文章标签：

#function #c #input #html

js 专栏收录该内容

3 篇文章

订阅专栏

本文提供了一种JavaScript方法来解决HTML文本框中中文字符计数不准确的问题。通过自定义函数WidthCheck，能够正确计算并限制输入框内的中英文字符数量，确保每个中文字符按两个单位计算。

虽然HTML的文本框自代一个验证最大值的函数maxlength，但这家伙不顶用，一个汉字和一个英文字母都是一个单位，这样显然不对。以下是解决方案，我已验证过了

/////////////////////////////////////////////////////////////////////
//   判断长度是否合格
//
// 引数 s   传入的字符串
//           n   限制的长度n以下
//
// 返回值 false   NG
//           true    OK
/////////////////////////////////////////////////////////////////////
function WidthCheck(s, n){
var w = 0;
for (var i=0; i<s.length; i++) {
   var c = s.charCodeAt(i);
   //单字节加1
   if ((c >= 0x0001 && c <= 0x007e) || (0xff60<=c && c<=0xff9f)) {
    w++;
   }
   else {
    w+=2;
   }
}
if (w > n) {
   return false;
}
return true;
}

以下是我自己衍生出的验证输入个数的东东:

<input type="text" size="16" name="num" id="num" onChange="WidthCheck(this,5);"/>

function WidthCheck(str, maxLen){

var w = 0;
var tempCount = 0;
for (var i=0; i<str.value.length; i++) {
   var c = str.value.charCodeAt(i);
   //单字节加1
   if ((c >= 0x0001 && c <= 0x007e) || (0xff60<=c && c<=0xff9f)) {
    w++;

   }else {
    w+=2;

   }

   if (w > maxLen) {
   str.value = str.value.substr(0,i);
   break;
   }
}
}