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

Question

Дмитрий Марков @En-Tilza

JavaScript

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

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

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

Вопрос задан более трёх лет назад
330 просмотров

2 комментария

Подписаться 1 Простой 2 комментария

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

Answer 1 · 2021-12-10 11:23:01

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 довольно примитивная, вы можете заменить её итерированием по элементам и своей кастомной логикой.

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

Войдите на сайт