:<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
Ну чтож, с подключнием вроде разобрались, теперь можем приступить к использованию на своих страницах.
* id_input и id_input_max - индификаторы поля ввода текста
** count и count_max - индификаторы блока где будет выводится информация
*** maxchars = 50; - максимальное число символов разрешонное в поле ввода текста.
# Пример первый считает сколько символов введено в поле ввода:
<script type="text/javascript">
$(function(){
$("#id_input").keyup(function count(){
number = $("#id_input").val().length;
$("#count").html("Количество введенных символов: "+number);
});
});
</script>
<input type="text" id="id_input" /><span id="count">Количество введённых символов: 0</span>
# Пример второй считает сколько символов осталось ввести (за мауксимальное количество взято 50 символов)
<script type="text/javascript">
$(function() {
$("#id_input_max").keyup(function countRemainingChars(){
maxchars = 50;
number = $("#id_input_max").val().length;
if (number <= maxchars){
$("#count_max").html(maxchars-number + " символов осталось");
}
if (number == maxchars) {
$("#id_input_max").attr({ maxlength: maxchars});
}
});
});
</script>
<input type="text" id="id_input_max" /><span id="count_max">50 символов осталось</span>
Подсчёт символов в поле ввода (jquery)