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

#javascript #jquery #angularjs #ckeditor

#javascript #jquery #angularjs #ckeditor

Вопрос:

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

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

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

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

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

Ответ №1:

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

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

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

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

Комментарии:

1. Спасибо за ваш ответ. Все в порядке, и у меня есть сомнения? В этом коде работает, когда пользователь вводит полный ввод, верно? как это можно сделать в каждом событии нажатия клавиши? и вместо шаблона регулярного выражения у нас есть какой-либо атрибут validate или required?

2. Для этого потребуется привязка события