Счетчик символов в поле ввода

Последняя активность
Файлы топика
1.1K
.
Macabre
2 ноя 2016 г., 21:04
Wap Master
Всем привет, может кто делал у себя подобное.
Нужен скрипт, показывающий сколько символов введено в поле ввода или сколько ввести осталось типа как в твиттере.
.
Нектарин
2 ноя 2016 г., 21:12
Macabre, http://web.ixit.ru/javascript/ ... ms_2/
.
Macabre
6 ноя 2016 г., 14:22
Wap Master
# Нектарин (02.11.2016 / 21:12)
Macabre, http://web.ixit.ru/javascript/ ... ms_2/
Весь код писать в теле страницы?
У меня не пролучается так.
echo"<textarea cols='" . $set_user['farea_w'] . "' rows='" . $set_user['farea_h'] . "'  id="Msg" onfocus="ChooseLen()" onchange="ChooseLen()" onkeyup="ChooseLen()" onkeydown="ChooseLen()" onkeypress="ChooseLen()" name='msg'>";
.
Koenig
6 ноя 2016 г., 15:48
(\/)____o_O____(\/)
как мне кажется это не сложно сделать
нужно просто отслеживать количество символов в поле
.
ДоХтор
6 ноя 2016 г., 16:15
# Macabre (06.11.2016 / 14:22)
Весь код писать в теле страницы?
У меня не пролучается так.
echo"<textarea cols='" . $set_user['farea_w'] . "' rows='" . $set_user['farea_h'] . "' id="Msg" onfocus="ChooseLen()" onchange="ChooseLen
Попробуй вот так (только данные в форме перепиши на свои) - я на локалке проверил, счётчик символов работает.
echo '
    <script type="text/javascript">
        function ChooseLen() {
            var M = document.getElementById(\'Msg\').value.length;
            document.getElementById(\'Count\').value = M;
        }
    </script>

    <form method="post">
        <textarea name="msg" id="Msg" onfocus="ChooseLen()" onchange="ChooseLen()" onkeyup="ChooseLen()" onkeydown="ChooseLen()" onkeypress="ChooseLen()"></textarea><br />
        Длина сообщения:  <input size="4" id="Count" type="text" /> символов
        <p><input type="submit" value="Отправить"/></p>
    </form>
';
.
Macabre
6 ноя 2016 г., 19:14
Изменено
Wap Master
ДоХтор, Спасибо что помогаете, как буду с ПК попробую и напишу сюда.
.
ramzes
6 ноя 2016 г., 19:21
Изменено
фигней не занимайтесь
<textarea oninput="document.getElementById('text-counter').innerHTML = this.value.length;" cols="20" rows="4" placeholder="demo counter"></textarea>
<div>Символов введено: <span id="text-counter"></span></div>

все.
больше ни чего не нужно
http://mydroid.pro/demo/
.
ramzes
6 ноя 2016 г., 19:24
А ваш вариант косячить будет
.
Нектарин
6 ноя 2016 г., 19:25
Macabre, да , только кавычки одинарные экранируй в скрипте
.
ДоХтор
6 ноя 2016 г., 19:47
# ramzes (06.11.2016 / 19:24)
А ваш вариант косячить будет
Чё то пока что твой косячит ... Я в js почти не разбираюсь, может ещё что-то надо кроме того, что ты написал?
Всего: 42
© 2024, JohnCMS