我有一个输入框的最大长度是11个字符。当输入框达到最大长度时且用户继续输入,我想执行一个jQuery函数,而不是什么都不做,它会显示一条消息。
请问您能给我一些指导吗?
先谢谢了!
我有一个输入框的最大长度是11个字符。当输入框达到最大长度时且用户继续输入,我想执行一个jQuery函数,而不是什么都不做,它会显示一条消息。
请问您能给我一些指导吗?
先谢谢了!
$("input").on("keyup",function() {
var maxLength = $(this).attr("maxlength");
if(maxLength == $(this).val().length) {
alert("You can't write more than " + maxLength +" chacters")
}
})
演示
$("input").on("keyup",function() {
var maxLength = $(this).attr("maxlength");
if(maxLength == $(this).val().length) {
alert("You can't write more than " + maxLength +" chacters")
}
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input maxlength="11" />
试试这段代码
$(document).ready(function() {
$("#text").keypress(function(e) {
var length = this.value.length;
if (length >= 11) {
e.preventDefault();
alert("not allow more than 11 character");
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="text">
$("input").keypress(function(e){
if(e.target.value.length==11){
alert("maxlength reached");
}
});
$(document).ready(function(){
$("input").keyup(function(){
var a = $(this).val().length;
if(a >= 11){
$(this).attr('maxlength','11')
alert("not allowed")
}
})
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input>
$(document).on("input keypress", "input[maxlength]", function (e) {
var $input = $(e.currentTarget);
if ($input.val().length >= $input.attr("maxlength")) {
alert("Max length reached")
}
});
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<input>
keyup
事件,并在其中检查输入的长度。如果条件匹配,则调用您想要的 JavaScript 代码。 - dlopezkeyup
或keydown
事件来检查长度是否达到最大值,然后显示你的消息。 - Kaddath