输入字段的最大长度为11。我想在满足maxlength并且用户不断尝试输入时执行jQuery函数,因此它不会执行任何操作,而是显示消息。
请你给我一些指示?
提前致谢!
答案 0 :(得分:6)
试试这个:当用户点击11个字符时,IT会提醒消息。
$("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" />
答案 1 :(得分:2)
试试这段代码
$(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">
答案 2 :(得分:1)
您正在寻找类似的内容:
$("input").keypress(function(e){
if(e.target.value.length==11){
alert("maxlength reached");
}
});
显然改为使用正确的选择器和警告/模态弹出窗口。
答案 3 :(得分:1)
$(document).ready(function(){
$("input").keyup(function(){
var a = $(this).val().length;
if(a >= 11){
$(this).attr('maxlength','11')
alert("not allowed")
}
})
})
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input>
&#13;