Уроки Синтаксис валидности формы
1 апреля 2015
1057
Синтаксис валидности формы

Синтаксис валидности формы

Сложность Рубрика JQuery
Демонстрация » Скачать »

Многие из Вас, наверно, задумывались над проверкой синтаксиса валидности формы номера телефона, ip адреса, индекса, даты и время и т.п., но не могли найти подходящий для себя пример, который можно внедрить на свой сайт.

 

Главная особенность нашего примера, это простота кода и основывается он на языке JQuery. Так получилось, что пример достаточно простой и в принципе подойдет для установки на любой сайт. Но перед тем как использовать скрипт, нужно обязательно подключить библиотеку JQuery, ну к примеру у меня была jquery-1.11.1.min.js.

 

Первая часть. HTML и CSS.

 

Создаем тег input и в нем прописываем любой индефикатор, к примеру phone, который в обязательном порядке должен совпадать с выборкой функцией JQuery. 

<input type="text" id="phone" class="input" placeholder="+7(916)160-01-02">

 

Чтобы наше поле взаимодействовало напрямую с идентификатором phone, нужно прописать JQuery код библиотеки. 

 

<script type="text/javascript">
     jQuery(function($){
	 $("#phone").mask("+7 (999) 999-99-99");
	});
</script>

 

Немного придадим стилей нашему полю, чтобы визуально оно смотрелось лучше.

 

.input{
	border: 1px solid #000000;
	border-radius: 3px;
	padding: 5px;
	font-size: 18px;
}

 

Вторая часть. Подключение validator-mini.js.

 

Последнее, что нам остается сделать, так это просто подключить validator-mini.js, который и будет полностью отвечать за синтаксис валидности формы номера телефона. 

 

Это был первый материал для Вас, за столь долгое время, когда мы остановили проект. Теперь все начинаем по новому, ждите новых уроков!

 

Спасибо Вам, за Ваше внимание!





Роман КраутерИсточник материала »