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

时间:2018-08-15 19:04:05

标签: css validation materialize

我正在使用MaterializeCSS框架,并且正在动态填充文本输入。我遇到的一个问题是,validinvalid css类直到我关注该字段时才被添加到我的字段中。

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

要查看我的意思的示例,请转到MaterializeCSS Text Inputs页并转到“预填充文本输入”部分。除非您专注于输入字段,否则输入字段不会显示绿色突出显示。

1 个答案:

答案 0 :(得分:1)

您可以使用jquery处理它:

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

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

这里是一个示例:jsfiddle