在 Html Textarea 中设置 maxlength [英] Set maxlength in Html Textarea
本文介绍了在 Html Textarea 中设置 maxlength的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
如何在 textarea
中设置 maxlength
?为什么 maxlength
在 textarea
中不能正常工作?
How can I set the maxlength
in a textarea
? And why maxlength
is not working properly in textarea
?
推荐答案
在 HTML5 之前,我们有一个简单但可行的方法:首先在 textarea 元素中设置一个 maxlength 属性:
Before HTML5, we have an easy but workable way: Firstly set an maxlength attribute in the textarea element:
<textarea maxlength='250' name=''></textarea>
然后使用 JavaScript 来限制用户输入:
Then use JavaScript to limit user input:
$(function() {
$("textarea[maxlength]").bind('input propertychange', function() {
var maxLength = $(this).attr('maxlength');
if ($(this).val().length > maxLength) {
$(this).val($(this).val().substring(0, maxLength));
}
})
});
确保绑定input"和propertychange"事件以使其在各种浏览器(例如 Firefox/Safari 和 IE)上工作.
Make sure the bind both "input" and "propertychange" events to make it work on various browsers such as Firefox/Safari and IE.
这篇关于在 Html Textarea 中设置 maxlength的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文