如果达到输入maxlength做某事

S.P*_*son 1 javascript jquery input maxlength

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

请问你能指点一下吗?

提前致谢!

Car*_*sen 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")
  }
})
Run Code Online (Sandbox Code Playgroud)

演示

$("input").on("keyup",function() {
  var maxLength = $(this).attr("maxlength");
  if(maxLength == $(this).val().length) {
    alert("You can't write more than " + maxLength +" chacters")
  }
})
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input maxlength="11" />
Run Code Online (Sandbox Code Playgroud)

  • 这也会触发不写入字符的按键,例如输入 11 个字符,然后使用箭头键移动光标会触发警报。或者当尝试使用“Ctrl”+“C”复制输入时。 (2认同)