使用 JavaScript 或 jQuery 設置文本框的最大長度
[英]Setting maxlength of textbox with JavaScript or jQuery
問題描述
我想用 JavaScript 或 jQuery 更改文本框的最大長度：我嘗試了以下方法，但似乎沒有幫助：
var a = document.getElementsByTagName('input');
for(var i=0; i<a.length; i++) {
if((a[i].type!= 'radio')||(a[i].type!= 'checkbox'))
a[i].maxlength = 5;
}
document.getElementsByTagName('input')[1].maxlength="3";
$().ready(function()
{
$("#inputID").maxlength(6);
});
我究竟做錯了什么？
8 個解決方案
解決方案1
124 已采納 2011-05-26 16:17:23
不確定您在前幾行中要完成什么，但您可以嘗試以下操作：
$(document).ready(function()
{
$("#ms_num").attr('maxlength','6');
});
解決方案2
28 2011-05-26 16:15:34
最大長度屬性是駝峰式的： maxLength
jQuery 默認不提供 maxlength 方法。 此外，您准備好的文檔 function 在技術上不正確：
$(document).ready(function () {
$("#ms_num")[0].maxLength = 6;
// OR:
$("#ms_num").attr('maxlength', 6);
// OR you can use prop if you are using jQuery 1.6+:
$("#ms_num").prop('maxLength', 6);
});
此外，由於您使用的是 jQuery，您可以像這樣重寫您的代碼（利用 jQuery 1.6+）：
$('input').each(function (index) {
var element = $(this);
if (index === 1) {
element.prop('maxLength', 3);
} else if (element.is(':radio') || element.is(':checkbox')) {
element.prop('maxLength', 5);
}
});
$(function() {
$("#ms_num").prop('maxLength', 6);
});
解決方案3
7 2016-04-25 18:13:19
沒有 jQuery 你可以使用
document.getElementById('text_input').setAttribute('maxlength',200);
解決方案4
5 2011-05-26 16:15:52
設置屬性，而不是屬性
$("#ms_num").attr("maxlength", 6);
解決方案5
1 2016-07-28 18:16:11
$('#yourTextBoxId').live('change keyup paste', function(){
if ($('#yourTextBoxId').val().length > 11) {
$('#yourTextBoxId').val($('#yourTextBoxId').val().substr(0,10));
}
});
我將它與 vars 和選擇器緩存一起使用以提高性能，並且成功了..
解決方案6
0 2017-12-19 12:16:24
你可以這樣：
$('#inputID').keypress(function () {
var maxLength = $(this).val().length;
if (maxLength >= 5) {
alert('You cannot enter more than ' + maxLength + ' chars');
return false;
}
});
解決方案7
0 2018-05-29 01:35:22
<head>
<script type="text/javascript">
function SetMaxLength () {
var input = document.getElementById ("myInput");
input.maxLength = 10;
}
</script>
</head>
<body>
<input id="myInput" type="text" size="20" />
</body>
解決方案8
0 2019-11-24 20:57:15
<head>
<script type="text/javascript">
function SetMaxLength () {
var input = document.getElementById("myInput");
input.maxLength = 10;
}
</script>
</head>
<body>
<input id="myInput" type="text" size="20" />
</body>
文本框的MaxLength不受jQuery Mobile應用程序限制
[英]MaxLength of textbox not restricted on jQuery Mobile application
在ASP頁上，根據文本框大小為文本框字段設置maxlength
[英]On ASP page, setting maxlength for the textbox field based on textbox size
如何使用jquery / javascript更改某些元素的最大長度？
[英]How to change maxlength of certain element using jquery/javascript?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.