javascript - 使用 Jquery 限制输入文本

Question

我正在使用 Tawk 在我的网站上聊天。我想将文本的数量限制为 11 位。

<input type="text" id="prechat2Field" title="Phone" value="" class="textInput" maxlength="20" placeholder=" Phone">

我无法更改他们的核心文件。可以使用 Jquery 完成吗？

Answer 1

您可以覆盖maxlength该元素的属性：

 $('#prechat2Field').prop('maxlength',11);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<input type="text" id="prechat2Field" title="Phone" value="" class="textInput" maxlength="20" placeholder=" Phone">

Answer 2

您可以maxlength通过 jQuery 设置如下属性：

$(document).ready(function(){
  $("#prechat2Field").attr('maxlength',"11");
});  

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<input type="text" id="prechat2Field" title="Phone" value="" class="textInput" maxlength="20" placeholder=" Phone">

Answer 3

<input type="text" id="prechat2Field" title="Phone" value="" class="textInput" maxlength="20" placeholder=" Phone">

要通过 jQuery 执行此操作：

function restrict_length(value, maxChar){
    $(value).attr('maxlength',maxChar);
}

Answer 4

另一种方法（没有maxlength）：

var input = document.getElementById('prechat2Field')
input.onkeypress = function(ev) {
  if (input.value.length >= 11) {
    return false
  }
}

<input type="text" id="prechat2Field" value="" placeholder="Phone">