Как правильно вывести ошибку валидации?

Question

[Сергей]

Добрый день. Ниже привожу функцию вывода пользовательского сообщения при проверки массива хештегов на отсутствие символа #. Не срабатывает setCustomValidity. Событие обрабатывается при клике по кнопке.

var validHash = function(){
	
	var noHash = false;
	
	for(i=0; i<hashtagsArr().length; i++){
		if(hashtagsArr()[i].charAt(0) != '#'){
			noHash = true;
			
		}
	}
	if (noHash == true){
		inputHashtags.setCustomValidity('ошибка');
	}
	console.log(noHash);
}

Comments

[Stalker_RED]

Что такое hashtagsArr()?
Можете пример собрать в песочнице?

if (noHash == true)

Мм-м-м, индусский стиль!

[Сергей]

https://codepen.io/banji575/pen/oJjNNO вот написал пример. Форма сабмитит пустую строку и если хештеги начинаются с символа#, в остальном случае генериться ошибка. Вопрос - как прикрутить к полю setCustomValidity?
дедал так - не срабатывает.

var validHash = function(){
	console.log(hashtagsArr())
	var noHash = false;
	if (inputHashtags.value != "") {
		for(i=0; i<hashtagsArr().length; i++){
			if(hashtagsArr()[i].charAt(0) != '#'){
				noHash = true;
			} else {
				noHash = false;
			}
		}
		if (noHash) {
			console.log('Ошибка');
     inputHashtags.setCustomValidity('ошибка')
		}else {
			uploadForm.submit();
		}
	}else {
		uploadForm.submit();
	}
	}

[AlexKeller]

Banjamin, в ветке else вы запросто можете перетереть уже полученный положительный результат. если последний элемент будет с хэшем. Вариант из самого вопроса более правилен с этой точки зрения. Т.е. считаем, что все норм, но если нашли не норм, выставили флаг

[Сергей]

AlexKeller, проблема в том что флаг не вылезает.

[AlexKeller]

Banjamin, да как же не вылезает? зашел в кодпен ваш, ввел с хэшем, все отправилось. Ввел текст без хэша - в консоли "Ошибка"

[Сергей]

AlexKeller, вот именно, в консоле. А как вывести системное сообщение рядом со строкой ввода. inputHashtags.setCustomValidity('ошибка') - не работает.

[AlexKeller]

Banjamin, ну так вы ж нам не показали самое главное, что за setCustomValidity и как она написана ))

[Сергей]

AlexKeller, выше было! Вот так -

var validHash = function(){
  console.log(hashtagsArr())
  var noHash = false;
  if (inputHashtags.value != "") {
    for(i=0; i<hashtagsArr().length; i++){
      if(hashtagsArr()[i].charAt(0) != '#'){
        noHash = true;
      } else {
        noHash = false;
      }
    }
    if (noHash) {
      console.log('Ошибка');
     inputHashtags.setCustomValidity('ошибка')
    }else {
      uploadForm.submit();
    }
  }else {
    uploadForm.submit();
  }
  }