Подсчет количества слов в форме на Jquery Добрый день дорогие друзья. Сегодня Мы будем говорить о том, как сделать подсчет количества слов на JQuery. Мне кажется это очень полезный урок, который ,возможно, вы будете использовать при написании своих сайтов. Ну, думаю пара начинать.
Шаг 1. Для начала давайте создадим каркас нашей странички. У меня он выглядит примерно так:
<div id="container">
<div>
<p><br />
<textarea name="word_count" id="word_count" cols="30" rows="6"></textarea>
</p>
<p>
<span style="color:#FF0000"> Кол-во введенных Вами слов : <span id="display_count">0</span></span>
</p>
</div>
</div>
Шаг 2. Чтобы наш скрипт начал работу, нам необходимо подключить библиотеку JQuery. Делается это очень просто. Нужно всего лишь вставить следующие строки между тегами
Вот собственно и код для вставки:
<script src="jquery.js" type="text/javascript"></script>
Шаг 3. Подготовка нашего каркаса завершена. Теперь необходимо написать небольшой скрипт, который будет подсчитывать слова, введенные в форму. Вот собственно и он:
<script type="text/javascript">
jQuery.fn.wordCount = function(params){ var p = {
counterElement:"display_count"
};
var total_words;
if(params) {
jQuery.extend(p, params);
}
this.keypress(function()
{
total_words=this.value.split(/[\s\.\?]+/).length;
jQuery('#'+p.counterElement).html(total_words);
});
};
</script>
Ну вот и все. Думаю вы поняли как сделать такую форму для подсчета количества слов До новых уроков.