Как ограничить количество символов в поле ввода

Иногда необходимо ограничить количество символов вводимых в то или иное поле ввода. Для этого сегодня мы будем использовать jQuery.

Для начала присвоим полю input наш id = myInput который будет контролировать скрипт:

<input id="myInput" value=""/>

Допустим, мы должны ограничить ввод 20 символами.

$(document).ready(function(){	
	$('#myInput').keyup( function() {
		var $this = $(this);
		if($this.val().length > 20)
			$this.val($this.val().substr(0, 20));			
	});
     });

Вот и все, мы его сделали, в примере ниже я установил ограничение в 5 символов, попробуйте ввести больше

 

Удачи в экспериментах!

 

 

© Компания winx-fan.ru 2009 - 2020


.