Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Что за aтрибут такой date-length? (https://javascript.ru/forum/misc/70557-chto-za-atribut-takojj-date-length.html)

plug-ugly 14.09.2017 21:57

Что за aтрибут такой date-length?
 
Всем здравствуйте!
Есть такая вот задачка и прилагаю сразу решение, которое было к этой задаче.

"Даны инпуты. Сделайте так, чтобы все инпуты по потери фокуса проверяли свое содержимое на правильное количество символов.
Сколько символов должно быть в инпуте, указывается в атрибуте data-length.
Если вбито правильное количество, то граница инпута становится зеленой, если неправильное - красной."

input type="text" data-length="4">
<input type="text" data-length="7">
<input type="text" data-length="9">

var elems = document.getElementsByTagName('input');
for (var i = 0; i < elems.length; i++) {
	elems[i].addEventListener('blur', func);
}

function func() {
	var correctLength = this.dataset.length; //правильное количество
	var inputDataLength = this.value.length; //вбитое в инпут количество
	if(correctLength == inputDataLength){
		this.style.borderColor = 'green';
	} else {
		this.style.borderColor = 'red';
	}
}


Все бы ничего, в голове уже сразу созрело решение, причем оно было практически аналогичным с тем, что я вам написал.
Но... не работает!

Атрибут data-length не распознается, погуглил - тоже глухо. С dataset такая же история.

В чем дело? Кто может подсказать - подскажите, пожалуйста!
Что ж за атрибуты такие data-length и dataset?

рони 14.09.2017 22:00

plug-ugly,
вверху ссылка на Учебник!!!
там есть поиск.
#свойство-dataset-data-атрибуты

plug-ugly 14.09.2017 22:28

Спасибо!!!:write:


Часовой пояс GMT +3, время: 05:38.