Запрещаем ввод любых символов кроме чисел при помощи jQuery

16 сентября 2014 Антон Кулешов 2454 0

Сегодня я расскажу о полезном сниппете, используя который, можно организовать запрет ввода символов в поля формы. Подобный функционал очень важен для защиты от хакерского взлома, ведь мало кто обрадуется, зайдя в одно прекрасное утро на свой сайт и увидев табличку «hacked by Вася Пупкин». Помните, проверять поля форм на наличие «вредоносных» символов очень важно!

Реклама

Запрет ввода символов мы реализуем при помощи библиотеки jQuery. В этом случае проверка у нас будет происходить еще до отправки данных на сервер.

После того, как вы подключите библиотеку, можно смело применять функцию:

function onlyNumbers(el){

	el.on("change keyup input click", function(){
		if(this.value.match(/[^0-9]/g)){
			this.value = this.value.replace(/[^0-9]/g, "");
		};
	});

	return false;
};

Как вы могли заметить, мы пользовались jQuery методом on(), передав ему четыре значения параметра событий: change, keyup, input, click. Это позволяет отследить все изменения в поле ввода, а, впоследствии, через регулярное выражение, отсечь ненужные символы. В примере мы оставляем только числа, что идеально подойдет для поля с вводом номера телефона. Для других полей можно использовать аналогичную функцию, заменив в ней регулярное выражение на нужное.

Реклама
Комментариев еще не оставлено
no_avatar
Читайте далее

Социальные кнопки поделиться – пишем сами! Часть 2. Добавляем счетчик

10 июня 2015 Антон Кулешов

Ой, вы, гой еси, дорогие мои читатели! Совсем недавно, каких-то там шесть постов назад, я поднял тему социальных кнопок и очень рад, что статья пришлась вам по душе, и вы используете эти самые кнопки и делитесь материалами с моего сайта. Как я и обещал, продолжаем развивать тему и сегодня прикрутим к нашим кнопкам еще и счетчик, вещь, согласитесь, весьма необходимую и существенную, дабы поднять нашу самооценку до известного уровня и при случае заткнуть за пояс конкурентов, предъявив свои солидные «пузомерки».

Делаем подгрузку контента при прокрутке страницы

16 ноября 2014 Антон Кулешов

В настоящее время на многих сайтах можно увидеть динамически подгружаемый контент при прокрутке страницы. Этот эффект стал одной из хороших альтернатив обычной постраничной навигации. Хотя и у него есть свои недостатки, но удобство этого способа их компенсирует. Из этой статьи вы узнаете, как реализовать такой функционал у себя в проекте используя jQuery плагин jScroll.

О том, как не «склеить ласты» и не заблудиться в «трех доменах»

13 июля 2015 ti1schweiger

Поисковики борются за уникальность контента в сети, и борьба эта, должен сказать, ведется довольно жестко. Сайты-копии полностью или частично повторяющие контент «склеиваются», и в результате в поисковой выдаче мы видим только один из сайтов. С точки зрения борьбы с пиратством – довольно правильное решение, но и вебмастеру надо держать ухо востро.