css - 有效/无效类未添加到预填充文本字段

Question

我正在使用 MaterializeCSS 框架并动态填充文本输入。我遇到的一个问题是，在我关注该字段之前，valid 和 invalid css 类不会添加到我的字段中。

即使我调用 M.updateTextFields()，它也不会添加 CSS 类。

要查看我的意思的示例，请转至 MaterializeCSS Text Inputs页面并转到预填充文本输入部分。在您将注意力集中在输入字段上之前，输入字段不会显示绿色突出显示。

Answer 1

你可以用 jquery 处理它:

$(document).ready(function(){
    $("input").focus().blur();
});

加载 DOM 后，focus() 选择所有输入并 blur() 取消选择它们。因此，在此之后您可以看到无效的输入值(如果存在)。

这是一个例子:jsfiddle