Jquery mask + плейсхолдер под IE8-9

@Alekzender · Регистрация: 21.02.2014

Author24 — интернет-сервис помощи студентам

Всем привет, есть вопрос по жекверям.
Попал на проект, в котором поддерживается осел 8 версии и старше. Нужно реализовать полноценные плейсхолдеры под этими зверями. Задачка не сложная за исключением одного "но": на сайте во многих местах юзается jquery mask, который очень сильно кусается со всеми плагинами и костылями для плейсхолдера, которые я до сегодняшнего дня видел и щупал. Кусаются таким образом, что все они работают по одному принципу: берут откуда-то левое значение и запихивают его в выбранное поле.

Посему вопрос, мож хоть кто-то сталкивался с подобным, или просто подкинет здравую мыслю, как их подружить?

@Lazy_Den · 27.10.2014, 16:22

Alekzender, Оно и не удивительно, т.к. два (или более) плагина, ловят и обрабатывают события на поле формы, и каждый пытается впихнуть данные, которые положены ему, а "опоздавший" - может трактовать их не правильно и изменять данные не корректно. Самый простой выход - это разграничить поля: на тех, где присутствует маска - не ставить плагины имитирующие плейсходер и наоборот. Если же нужно оставлять оба, то тут нужно видеть плагины воочию и, возможно, что их удастся подружить.

@Alekzender · 27.10.2014, 16:25 **[ТС]**

Lazy_Den , разграничить не получится, требования не позволяют. А посмотреть воочию - маску я и сам хотел бы посмотреть, но она доступна только в минифицированном виде

@Lazy_Den · 27.10.2014, 16:36

Сообщение от Alekzender

маску я и сам хотел бы посмотреть

Меня как раз интересовали другие "конфликтующие стороны".

Добавлено через 5 минут
Alekzender, Я тут на скорую руку набросал вам один вариантик. Это я к тому, что может быть задуматься об отказе от плагинов для псевдоплейсходеров?

@Alekzender · 27.10.2014, 16:50 **[ТС]**

Lazy_Den, вариантик, по-сути, от всех предыдущих отличается только стилем кодинга. Но за работу все равно спасибо.
Если я правильно понимаю, у меня сначала отрабатывает скрипт плейсхолдера, устанавливает свое значение, потом маска его затирает. В дальнейшем, при фокусе/блюре плейсхолдер работает ка надо.
К сожалению инициализировать плейсхолдер после маски не могу, т.к. маска объявляется в сто-надцати местах в разных файлах и после каждого объявлять плейсхолдер - это горячка

@Lazy_Den · 27.10.2014, 17:14

Сообщение от Alekzender

маска объявляется в сто-надцати местах в разных файлах

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

@Alekzender · 27.10.2014, 17:31 **[ТС]**

Сообщение от Lazy_Den

Сделал маленькое изменение в плагине,

это вы маску перепилили?

Круто!!! работает!!! огромный преогромный спс)

ЗЫ а какие строки в плагине подправлены, если не секрет?

@Lazy_Den · 27.10.2014, 17:34

Сообщение от Alekzender

а какие строки в плагине подправлены, если не секрет?

Не строки, а одна строка )) В песочнице это строка 140

@Alekzender · 27.10.2014, 17:35 **[ТС]**

вопросов больше нет

@Alekzender 37 / 37 / 23 Регистрация: 21.02.2014 Сообщений: 112
		1
	Jquery mask + плейсхолдер под IE8-9 27.10.2014, 16:10. Показов 1829. Ответов 8 Метки нет (Все метки) Всем привет, есть вопрос по жекверям. Попал на проект, в котором поддерживается осел 8 версии и старше. Нужно реализовать полноценные плейсхолдеры под этими зверями. Задачка не сложная за исключением одного "но": на сайте во многих местах юзается jquery mask, который очень сильно кусается со всеми плагинами и костылями для плейсхолдера, которые я до сегодняшнего дня видел и щупал. Кусаются таким образом, что все они работают по одному принципу: берут откуда-то левое значение и запихивают его в выбранное поле. Посему вопрос, мож хоть кто-то сталкивался с подобным, или просто подкинет здравую мыслю, как их подружить? 0

@Lazy_Den 3325 / 2845 / 1423 Регистрация: 15.01.2014 Сообщений: 6,170
	27.10.2014, 16:22	2
	Alekzender, Оно и не удивительно, т.к. два (или более) плагина, ловят и обрабатывают события на поле формы, и каждый пытается впихнуть данные, которые положены ему, а "опоздавший" - может трактовать их не правильно и изменять данные не корректно. Самый простой выход - это разграничить поля: на тех, где присутствует маска - не ставить плагины имитирующие плейсходер и наоборот. Если же нужно оставлять оба, то тут нужно видеть плагины воочию и, возможно, что их удастся подружить. 0

@Alekzender 37 / 37 / 23 Регистрация: 21.02.2014 Сообщений: 112
	27.10.2014, 16:25 [ТС]	3
	Lazy_Den , разграничить не получится, требования не позволяют. А посмотреть воочию - маску я и сам хотел бы посмотреть, но она доступна только в минифицированном виде 0

@Lazy_Den 3325 / 2845 / 1423 Регистрация: 15.01.2014 Сообщений: 6,170
	27.10.2014, 16:36	4
	Сообщение от Alekzender маску я и сам хотел бы посмотреть Меня как раз интересовали другие "конфликтующие стороны". Добавлено через 5 минут Alekzender, Я тут на скорую руку набросал вам один вариантик. Это я к тому, что может быть задуматься об отказе от плагинов для псевдоплейсходеров? 1

@Alekzender 37 / 37 / 23 Регистрация: 21.02.2014 Сообщений: 112
	27.10.2014, 16:50 [ТС]	5
	Lazy_Den, вариантик, по-сути, от всех предыдущих отличается только стилем кодинга. Но за работу все равно спасибо. Если я правильно понимаю, у меня сначала отрабатывает скрипт плейсхолдера, устанавливает свое значение, потом маска его затирает. В дальнейшем, при фокусе/блюре плейсхолдер работает ка надо. К сожалению инициализировать плейсхолдер после маски не могу, т.к. маска объявляется в сто-надцати местах в разных файлах и после каждого объявлять плейсхолдер - это горячка 0

@Lazy_Den 3325 / 2845 / 1423 Регистрация: 15.01.2014 Сообщений: 6,170
	27.10.2014, 17:14	6
	Сообщение было отмечено Alekzender как решение Решение Сообщение от Alekzender маска объявляется в сто-надцати местах в разных файлах А вот тут я вам реально сочувствую. Сделал маленькое изменение в плагине, потестируйте у себя. Код плагина, уже сами обфусцируете, если нужно 0

@Alekzender 37 / 37 / 23 Регистрация: 21.02.2014 Сообщений: 112
	27.10.2014, 17:31 [ТС]	7
	Сообщение от Lazy_Den Сделал маленькое изменение в плагине, это вы маску перепилили? Круто!!! работает!!! огромный преогромный спс) ЗЫ а какие строки в плагине подправлены, если не секрет? 0

@Lazy_Den 3325 / 2845 / 1423 Регистрация: 15.01.2014 Сообщений: 6,170
	27.10.2014, 17:34	8
	Сообщение от Alekzender а какие строки в плагине подправлены, если не секрет? Не строки, а одна строка )) В песочнице это строка 140 0

@Alekzender 37 / 37 / 23 Регистрация: 21.02.2014 Сообщений: 112
	27.10.2014, 17:35 [ТС]	9
	вопросов больше нет 0

Jquery mask + плейсхолдер под IE8-9

Решение