- Веб-Шаблоны
- Шаблон интернет-магазина
- Шаблоны для CMS
- Facebook шаблоны
- Конструктор сайтов
JS Animated. Как решить проблему с проверкой специальных символов в контактной форме
Январь 29, 2013
Этот урок покажет как решить проблему с проверкой специальных символов в контактной форме в шаблонах JS Animated.
Чтобы изменить форму проверки, Вы должны отредактировать /js/forms.js файл.
1. Сперва необходимо изменить кодировку файла на UTF-8.
2. Найдите следующую часть кода:
".name":{rx:/^[a-zA-Z'][a-zA-Z-' ]+[a-zA-Z']?$/,target:'input'}, ".state":{rx:/^[a-zA-Z'][a-zA-Z-' ]+[a-zA-Z']?$/,target:'input'}, ".email":{rx:/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i,target:'input'}, ".phone":{rx:/^\+?(\d[\d\-\+\(\) ]{5,}\d$)/,target:'input'}, ".fax":{rx:/^\+?(\d[\d\-\+\(\) ]{5,}\d$)/,target:'input'}, ".message":{rx:/.{20}/,target:'textarea'}Здесь Вы можете настроить проверку для полей контактной формы. В качестве примера мы будем корректировать форму проверки для поля с именем отправителя. Мы настроим форму принимать следующие специальные символы: á é í ó ú ü ñ
3. Измените следующую строку кода:
".name":{rx:/^[a-zA-Z'][a-zA-Z-' ]+[a-zA-Z']?$/,target:'input'},на код, указанный ниже:
".name":{rx:/^[a-zA-Z\á\é\í\ó\ú\ü\ñ'][a-zA-Z-\á\é\í\ó\ú\ü\ñ' ]+[a-zA-Z\á\é\í\ó\ú\ü\ñ']?$/,target:'input'},Обратная косая черта \ должна разделять каждый специальный символ.
Теперь контактная Форма принимает латинские и á é í ó ú ü ñ символы.
Теперь мы настроим форму принимать кириллические символы.
4. Измените следующую строку кода:
".name":{rx:/^[a-zA-Z'][a-zA-Z-' ]+[a-zA-Z']?$/,target:'input'},на код, указанный ниже:
".name":{rx:/^[a-zA-Zа-яА-ЯёЁ'][a-zA-Z-а-яА-ЯёЁ' ]+[a-zA-Zа-яА-ЯёЁ']?$/,target:'input'},
Теперь контактная форма принимает латинские и кириллические символы.
Пожалуйста, ознакомьтесь с детальным, обучающим видео ниже:
JS Animated. Как решить проблему с проверкой специальных символов в контактной форме