Предельный ввод текста с использованием 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 Attr, как показано ниже с помощью 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">