用javascript限制input输入长度（考虑全角半角）

最新推荐文章于 2023-12-08 11:48:16 发布

转载最新推荐文章于 2023-12-08 11:48:16 发布 · 5k 阅读

文章标签：

#javascript #input #function #object #c

Web 专栏收录该内容

101 篇文章

订阅专栏

本文介绍了一种处理全角字符的方法，包括如何计算包含全角字符的字符串长度以及如何按指定长度截取这些字符串。适用于需要精确控制用户输入长度的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/** * 字符串求长度(全角) */ String.prototype._getLength = function() { var str = this; var len = str.length; var reLen = 0; for (var i = 0; i < len; i++) { if (str.charCodeAt(i) < 27 || str.charCodeAt(i) > 126) { // 全角 reLen += 2; } else { reLen++; } } return reLen; } /** * 字符串截取部分(全角) * @param {Object} len */ String.prototype._cutString = function(len) { var str = this; var l = str.length; var rel = []; var tl = 0; for (var i = 0; i < l && tl < len; i++) { rel[i] = str[i]; if (str.charCodeAt(i) < 27 || str.charCodeAt(i) > 126) { tl += 2; } else { tl++; } } return rel.join(""); } var DEFAULT_LENGTH = 20; function lengthValidate() { var len = DEFAULT_LENGTH - G("inputDemo").value._getLength(); if (len < 0) { G("inputDemo").value = G("inputDemo").value._cutString(C_LINE_F_LENGTH); G("inputDemo").maxLength = G("inputDemo").value.length - 1; len = 0; } else { G("inputDemo").maxLength = DEFAULT_LENGTH; } G("inputDemoInformation").innerHTML = "还可以输入" + len + "个字符"; }