如何限制输入文本字段中没有最大长度的字符？
如何限制输入文本字段中没有最大长度的字符？
提问于 2015-02-09 12:48:00
我在我的html页面中使用输入类型文本。现在，我想根据输入文本字段的宽度限制字符。我的输入字段宽度为400 95，我希望将字符限制到我字段宽度的95%。
使用maxlength属性限制最大字符不适合我的工作流。
有人能给我个建议吗。
回答 1
Stack Overflow用户
发布于 2015-02-09 13:05:38
- 首先计算文本框的宽度
- 然后计算字体大小，然后推断文本框宽度的95%中可以有多少个字符。
- 然后将该数字添加为文本框的最大长度。
- 例如:在下面的代码段中编辑css，即字体大小和宽度。你将看到最大长度变化。
$(function(){
var noc= .95*parseInt($("#txt").width())/parseInt($("#txt").css("font-size"));
$("#txt").attr("maxlength",parseInt(noc));
$("#maxlengthfound").text(parseInt(noc));
})#txt{width:200px;font-size:10px}<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="text" id='txt'/>
<label id='maxlengthfound'></label>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28410211
复制相关文章
相似问题
腾讯云开发者
