时间戳

首页 > 解决方案 > 如何验证 p、li、div 元素文本

javascript - 如何验证 p、li、div 元素文本

问题描述

我想验证 p,li,div 元素文本。例如，我有一个类名为“日期”的 p 标签。那么用户只能插入一个日期。如果他们插入文本我想在CKEDITOR中向用户显示警报。

是否可以在不使用任何输入字段的情况下进入 ckeditor<p class="date"></p>

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

<p class="date">a</p>我需要显示错误或警报。

我怎么能没有 onchange 事件。是否有任何默认功能

标签： javascriptjqueryangularjsckeditor

解决方案

您可以在 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 更新（如插入、删除等）上调用它们。

推荐阅读