Valid/Invalid 类 未添加到预填文本字段

Valid/Invalid Classes not being added to prefilled text fields

我正在使用 MaterializeCSS 框架,并且正在动态填充文本输入。我遇到的一个问题是 validinvalid css 类 在我聚焦该字段之前不会添加到我的字段中。

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

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

你可以用jquery处理它:

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

在 DOM 加载后,focus() select 所有输入和 blur() deselect 它们。因此,在此之后您可以看到无效的输入值(如果存在)。

这是一个例子:jsfiddle