Главная
Друзья!
Мы находимся в процессе большой чистки!
Возможны ошибки и кривизна страниц
Просмотреть всё и быстро не возможно!
Если нашли какую-то ошибку, то если вам не трудно напишите здесь адрес...
Сейчас вы здесь :
http://dwweb.ru/page/html/025_ogranichit_kolichestvo_simvolov.html

Ограничить количество символов.

HTML | PHP_POST | JS | FORM |

Периодически мы встречаемся с ситуацией, что нам нужно ограничить количество символов вводимых пользователем!В любом случае – нам придется считать сколько символов внутри инпута, можно в блоке, скрипт подсчёта есть, а применить его можно хоть к чему!

И мы попробуем написать несколько способов и возможно в процессе будем еще добавлять какие-то варианты…

Самое первое и простое, которое напрашивается это:

Ограничить количество символов через html

Для того, чтобы ограничить вводимое количество символов в html нам потребуется такая конструкция –

maxlength="5"

Форма с ограничением ввода символов:

<input type="text" maxlength="5" placeholder="введите больше 5 знаков" style="width: 200px;">

Результат:

Единственный и самый главный минус, что этот атрибут можно убрать если открыть «исследовать код», поэтому вместе с

Эти кодом можно и нужно использовать например php:

Ограничить количество символов через php

Для того, чтобы ограничить количество символов через php, то нужно написать совершенно простейшее условие основанное на, как-то уже освещаемой нами теме…

Если вам влом пройти по ссылке, то скажу вкратце, что в php можно обратиться к любому символу строки таким образом:

$перменная[номер_символа]

И нам нужно будет условие если...

if($peremennaya[5]) { echo 'вы превысили лимит';}

Ограничить количество символов через javascript

И последний вариант… мы уже несколько раз освещали – подсчет количество символов в форме возьмем этот код и немного его модифицируем…

<form action="" name="My_form"> 

<textarea rows="5" cols="40" name="Mess" onkeyup="Count_elements()"  ></textarea> 

Всего <input size="4" value="0" name="Stroka" type="text"> символов  

</form> 

<script> var peremennaya = 3; 

function Count_elements() {

var How_much = window.document.My_form.Mess.value.length; 

window.document.My_form.Stroka.value = peremennaya - How_much;  

if(How_much > peremennaya){ window.document.My_form.Stroka.value  = "лимит";  } }   

</script>  


Всего символов

Привте мир!

В общем-то можно сделать различный эффект после того, как всего символов превысило ваше указанное количество символов…

К примеру вот такой эффект.
Посмотреть пример и скачать можно по ниже идущей ссылке

Скрипт № 64.16
Название скрипта и номер :Input - Ограничить количество символов html
Пример - Input - Ограничить количество символов html
Скачать - архив
Все скрипты на одной странице