使用javascript设置maxlength

前端之家收集整理的这篇文章主要介绍了使用javascript设置maxlength前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试使用 JavaScript动态设置输入字段的maxlength.显然这是IE中的一个问题,我找到了部分解决方案.
$("input#title").get(0).setAttribute("max_length",25);
$("input#title").get(0).setAttribute(
                        "onkeypress","return limitMe(event,this)");

function limitMe(evt,txt) {
    if (evt.which && evt.which == 8) return true;
    else return (txt.value.length < txt.getAttribute("max_length");
}

它适用于Firefox,但出于某种原因不适用于IE.但是,它适用于如下设置的输入字段:

<input type="text" max_length="25" onkeypress="return limitMe(event,this);"/>

但由于输入字段是动态创建的,我不能这样做……有什么想法吗?

解决方法

如果你正在使用jQuery那么为什么不充分利用它的抽象呢?

例如.

代替:

$("input#title").get(0).setAttribute("max_length",this)");
function limitMe(evt,txt) {
    if (evt.which && evt.which == 8) return true;
    else return (txt.value.length < txt.getAttribute("max_length");
}

做这个:

$('input#title').attr('maxLength','25').keypress(limitMe);

function limitMe(e) {
    if (e.keyCode == 8) { return true; }
    return this.value.length < $(this).attr("maxLength");
}

编辑:它在IE中不起作用的原因可能是因为您通过setAttribute附加了’onKeyPress’处理程序. – 这不是注册事件处理程序的正确方法.

猜你在找的JavaScript相关文章