Как проверить html-строку на пустоту?

Question

[Дмитрий Марков]

Нужно проверить html-строку на пустоту. Пустая строка может выглядеть так:

''
	'<p></p>'
	'<p><br></p>'
	'<p></p><p></p>'
	'<p></p><p><br></p>'
	'<p><br></p><p><br></p>'

Comments

[Алексей Уколов]

Javascript у вас браузерный или серверный? Если клиентский, то надо не хрупкие регулярки придумывать, а работать с html встроенными в браузер инструементами.

[Дмитрий Марков]

Браузерный.
Я использую текстовый редактор froala в форме и мне нужно запретить отправлять пустое значение. Это без регулярки можно проверить?)

Answer 1

[Алексей Уколов]

var s = '' +
  '<p></p>' +
  '<p><br></p>' +
  '<p></p><p></p>' +
  '<p></p><p><br></p>' +
  '<p><br></p><p><br></p>';

var doc = new DOMParser().parseFromString(s, 'text/html');

doc.body.innerText === '' // true

Проверка на innertText довольно примитивная, вы можете заменить её итерированием по элементам и своей кастомной логикой.

Comments

[Дмитрий Марков]

Благодарю

Answer 2

[true]

//фильтрация множественных пробелов
= строка.replace(/\s+/g, ' ')

- это мне тут насоветовали, использую

еще можно через

if(строка.textContent !== '' && строка.textContent !== ' ')