Часто на сайтах нужно заранее определять формат ввода в поле номера телефона, чтобы пользователь вводил нужное количество цифр, не забывал код города и т.д. См. пример:
Это делается с помощью так называемой маски. Итак, подключаем библиотеку jQuery:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
Скачиваем скриптик jquery.maskedinput.js со Склада и подключаем его:
<script src="js/jquery.maskedinput.js"></script>
Дальше создаем саму маску:
<script type="text/javascript">
jQuery(function($){
$("#phone").mask("+7(999) 999-9999");
});
</script>
В данном случае #phone — это идентификатор (id) поля с номером телефона, а .mask("+7(999) 999-9999") — сама маска.
«9» — означает, что в данном поле можно будет вводить цифровые значения (0-9).
«a» — алфавитные значения (A-Z, a-z) или (A-Я, a-я).
«*» — алфавитно-цифровые значения (A-Z, a-z, 0-9)
Осталось добавить к нужному инпуту идентификатор:
<input type="text" id="phone" name="phone" placeholder="Номер телефона">
На этом все, маска готова.