如果达到输入maxlength做某事

时间:2017-11-08 11:01:18

标签: javascript jquery input maxlength

输入字段的最大长度为11。我想在满足maxlength并且用户不断尝试输入时执行jQuery函数,因此它不会执行任何操作,而是显示消息。

请你给我一些指示?

提前致谢!

4 个答案:

答案 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)

&#13;
&#13;
$(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;
&#13;
&#13;