使用 Jquery 限制输入文本

Question

I am using Tawk to chat in my website. I want to limit the number of text to 11 digits.

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

I can't change their core files. Can it be done using Jquery?

Answer 1

You can override property maxlength for that element:

 $('#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

You can set the maxlength attr like below via 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">

To do this by jQuery:

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

Answer 4

Another way of doing it (without 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">