как проверить текст элементов p, li, div

Question

Я хочу проверить тексты элементов p, li, div.примеры, у меня есть тег p с именем класса «дата».тогда пользователь может вставить только дату. Если он вставляет текст, я хочу отобразить предупреждение для пользователя в CKEDITOR .

Возможно ли в ckeditor без использованиялюбые поля ввода <p class="date"></p>

<p class="date">31/07/2018</p>

<p class="date">a</p> Мне нужно отобразить ошибку или предупреждение.

как мне обойтись без событий onchange.есть ли какая-либо функциональность по умолчанию

Answer 1

Вы можете получить элементы по классам в jQuery. Тогда процесс проверки прост

function isDate(value) {
    var dateReg = /^\d{2}([./-])\d{2}\1\d{4}$/
    return value.match(dateReg)
}

$("p.date").map(function() {
    if(!isDate(this.innerHTML)) {
        //alert("...");
    }
});

Что касается части - когда для запуска этих проверок проверки вы можете вызывать их в таких обновлениях DOM, как вставка, удаление и т. Д. На уровне приложения.