js中id输入栏的限定个14个英文字符或7个汉字
时间: 2024-02-21 08:57:25 浏览: 159
js限制输入框输入字数
你可以使用JavaScript监听输入框的输入事件,然后在事件回调函数中对输入框的内容进行限制。下面是一个示例代码,限制输入框中的内容为最多14个英文字符或7个汉字:
```
// 获取输入框元素
var input = document.getElementById("input-id");
// 监听输入事件
input.addEventListener("input", function() {
var value = input.value;
var len = value.length;
var chineseCount = value.match(/[\u4e00-\u9fa5]/g) ? value.match(/[\u4e00-\u9fa5]/g).length : 0; // 匹配中文字符的个数
var maxLen = chineseCount * 2 + (len - chineseCount); // 英文字符算一个,中文字符算两个
if (maxLen > 14) {
input.value = value.slice(0, (14 - chineseCount * 2)); // 截取前14个字符
}
});
```
这个代码会监听输入框的输入事件,然后计算输入框中字符的个数,根据中文字符和英文字符的不同长度,计算出最终的字符个数。如果字符个数超过14个,那么就截取前14个字符。注意,这个代码只是一个示例,可能还需要根据实际情况做一些修改和优化。
阅读全文