使用javascript设置maxlength

Question

我正在尝试使用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);"/>

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

Answer 1

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

例如

代替:

$("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");
}

做这个:

$('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'处理程序. - 这不是注册事件处理程序的正确方法.

Answer 2

你正在寻找的属性maxlength不是max_length.看到这里.