Javascript 如何使用jQuery设置数字输入的maxLength
听起来很琐碎,但对我来说不起作用。。。我试图设置数字输入的最大长度,但不起作用。 谢谢你的帮助。这是我的密码。两者都不适用于ChromeJavascript 如何使用jQuery设置数字输入的maxLength,javascript,jquery,html,input,Javascript,Jquery,Html,Input,听起来很琐碎,但对我来说不起作用。。。我试图设置数字输入的最大长度,但不起作用。 谢谢你的帮助。这是我的密码。两者都不适用于Chrome <input id="demo02" type="number"> $(document).ready(function(){ $("#demo02").attr('maxlength','2'); }); $(document).ready(function(){ $("#demo02").prop('maxlength','2'); });
<input id="demo02" type="number">
$(document).ready(function(){
$("#demo02").attr('maxlength','2');
});
$(document).ready(function(){
$("#demo02").prop('maxlength','2');
});
使用属性来限制可用的最大数量。如果你把max设为99,你就不能再高了
$("#demo02").attr('max','99');
或者使用纯Javascript:
document.getElementById('demo02').setAttribute('max', 99);
getElementById'demo02'。setAttribute'max',99;
使用属性来限制可用的最大数量。如果你把max设为99,你就不能再高了
$("#demo02").attr('max','99');
或者使用纯Javascript:
document.getElementById('demo02').setAttribute('max', 99);
getElementById'demo02'。setAttribute'max',99;
maxlength不是输入类型=数字的有效属性
记住这一点,我们将使用有效的max属性获取其值长度,并将其用作输入事件侦听器中的maxlength
我们将针对具有max属性集的number类型的输入元素:
$'input[type=number][max]:不是[max=]'
代码段:
$document.readyfunction{
$'input[type=number][max]:不是[max=]'。在'input',functionev{
var$this=$this;
var maxlength=$this.attr'max'.length;
var值=$this.val;
如果value&&value.length>=maxlength{
$this.valvalue.substr0,maxlength;
}
};
};
maxlength不是输入类型=数字的有效属性
记住这一点,我们将使用有效的max属性获取其值长度,并将其用作输入事件侦听器中的maxlength
我们将针对具有max属性集的number类型的输入元素:
$'input[type=number][max]:不是[max=]'
代码段:
$document.readyfunction{
$'input[type=number][max]:不是[max=]'。在'input',functionev{
var$this=$this;
var maxlength=$this.attr'max'.length;
var值=$this.val;
如果value&&value.length>=maxlength{
$this.valvalue.substr0,maxlength;
}
};
};
无法为数字类型的输入设置maxlength。maxlength不适用于数字输入,仅适用于文本、电子邮件、搜索、密码、电话或url。无法为数字类型的输入设置maxlength。maxlength不适用于数字输入,仅适用于文本、电子邮件、搜索、密码、电话或url@Pussyfer。从验证的角度来看,它是有效的。不会阻止你超越它though@charlietfl我把它添加到我的代码中,两个都可以,我仍然可以在一卷中输入大约100个数字…@Pussyfer,没错。从未发现数字输入对开发人员非常友好。如果超过最大值,则必须使用输入事件对其进行修改,但在html5中无效validation@charlietfl我不明白-如果我使用输入的箭头输入数字,它工作正常,我不能输入大于2的值,但如果我键入,我可以键入无数个字符。。。您能帮我输入事件代码吗?我个人不使用数字输入。不知道为什么浏览器供应商让他们允许你做什么describe@Pussyfer它从验证的角度工作。不会阻止你超越它though@charlietfl我把它添加到我的代码中,两个都可以,我仍然可以在一卷中输入大约100个数字…@Pussyfer,没错。从未发现数字输入对开发人员非常友好。如果超过最大值,则必须使用输入事件对其进行修改,但在html5中无效validation@charlietfl我不明白-如果我使用输入的箭头输入数字,它工作正常,我不能输入大于2的值,但如果我键入,我可以键入无数个字符。。。您能帮我输入事件代码吗?我个人不使用数字输入。不知道为什么浏览器厂商允许他们使用输入事件来考虑你所描述的内容。仍然可以粘贴无效条目in@Ricky如果我的代码中有多个数字输入怎么办?它们是全部设置为“maxlength”5,还是每个独立输入都设置为“maxlength”?@charlietfl谢谢,不得不更改验证,因为阻止输入事件的默认行为仍然会更改输入值。@Ricky我刚刚试过,效果很好!只有一个问题-如果我使用数字输入的向上箭头输入数字,我可以输入一个大于限制的数字。例如,我可以按限制9输入10。“有解决办法吗?”PassiFER我编辑了我的答案,请检查它是否符合你的预期。可以考虑使用输入事件。仍然可以粘贴无效条目in@Ricky如果我的代码中有多个数字输入怎么办?它们是全部设置为“maxlength”5,还是每个独立输入都设置为“maxlength”?@charlietfl谢谢,不得不更改验证,因为阻止输入事件的默认行为仍然会更改输入值。@Ricky我刚刚试过,效果很好!只有一个问题-如果我使用数字输入的向上箭头输入数字,我可以输入一个大于限制的数字。例如,我可以按限制9输入10。有解决方案吗?@Pussyfer我编辑了我的答案,请检查它是否如您所期望的那样工作。