我有这个代码用于对输入区域进行限制。
<input type="text" name="myinput" maxlength="10">
此代码仅适用于文本。我想为 int 添加 max 4,为 text 添加 max 6
成功示例:
输入:abdc123d
输入:1234abcde
不可能:
输入:123456789
输入:dasdsadsa
最佳答案
这是添加 .bad 类的示例。
然后您可以检查保存时是否存在 .bad 类等。
$('input').on('input', function () {
var $t = $(this),
val = $t.val(),
wantlen = 6;
if (parseInt(val).toString() === val) {
wantlen = 4;
}
$t.toggleClass('bad', val.length > wantlen);
});
input {
background-color: lightgreen;
}
.bad {
background-color: pink;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text"> <br/>
<input type="text">
关于javascript - HTML - 同一输入上的文本和数字的大小限制,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40654316/