Как сделать проверку поля inputMask на пустое значение?

Question

[Pit]

Есть поле input с подключенным плагином InputMask, мне нужно проверить поле, если поле пустое или не ввели нужное количество цифр то удалить класс focus. Если ввели нужное количество цифр то добавить класс focus.

На данном этапе у меня работает скрипт, при фокусе в поле подсказка поднимается вверх, если поле пустое подсказка опускается обратно. Проблема заключается в том что при вводе в поле с телефоном 1 цифру, там где работает плагин то подсказка остается наверху. Так как поле автоматически удаляет 1 цифру если ты ушел из поля ввода.

Пример скрипта и дополнительного моего код:

https://codepen.io/pit6262/pen/ZEYEBbZ

Answer 1

[DENIS Kokorev]

.blur(function(){
		var label = $(this).prev('.label');
		var value = $(this).val();
    var full = value.replace(/\+7\(\d{3}\) \d{3} \d{4}/g, "")=="" ? true: false;

		if(value == '' || !full){
			label.stop().css({ 'top': '1rem', });
			$(this).parent().removeClass('focus')
		}

Comments

[Pit]

Заключается проблема в том что у меня такие поля не только для телефона но и обычные есть поля, а если добавить этот скрипт то он будет действовать ко всем полям, и я не могу тогда зполнить нормально обычное поле майла или имя и так далее. То есть надо сделать функцию только для телефона но не ко всем элементам

[Pit]

Все разобрался просто сделал проверку есть ли в данного элемента класс tel

.blur(function(){
		var label = $(this).prev('.label');
		var value = $(this).val();
		var full = value.replace(/\+7\(\d{3}\) \d{3} \d{4}/g, "")=="" ? true: false;
		if ($(this).hasClass('tel')) {
		    if(value == '' || !full){
		      label.stop().css({ 'top': '1rem', });
		      $(this).parent().removeClass('focus')
		    }
		   }