使用javascript添加类名

Question

如果文本框为空，如何在文本框中添加？我正在使用getmdl.io框架。我想要做的是当文本框为空时我想添加一个类（重点，无效和脏）

<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label" id="fn">
     <input class="mdl-textfield__input" type="text" id="fullname" name="fullname" autocomplete="off">
     <label class="mdl-textfield__label" for="fullname">Full name</label>
</div>

这是我点击提交按钮时的javascript代码。

function validate () {
    var f = _('fullname').value;
    if (f == "") {
        _('fn').className += " is-invalid";
    }
}