如何从已完成的Javascript事件触发CSS中的更改？

我正试图找到一种方法，通过另一个JavaScript函数的验证来改变表单中文本的颜色。有没有一个简单的方法可以做到这一点

要更新颜色的元素示例：

<form name="contact" method="post" action="send_form_email.php" novalidate>
        <div class="row">
          <div class="col">
          <label for="nameInput">Name:*</label>
          <input name="name" type="text" class="form-control" id="nameInput" placeholder="E.g. Alan Turing" oninput="bootstrapValidate('#nameInput', 'required:Please fill out this field')">
        </div>
        </div>
        <div class="row">
          <div class="col-sm-12 col-md-6">
            <label for="emailInput">Email:*</label>
            <input name="email" type="email" class="form-control" id="emailInput" placeholder="E.g. name@domain.com" oninput="bootstrapValidate('#emailInput', 'email:Enter a valid E-Mail!|required:Please fill out this field')">
          </div>
          <div class="col-sm-12 col-md-6">
            <label for="telInput">Telephone:</label>
           <input name="tel" type="tel" class="form-control" id="telInput" placeholder="E.g. (01452) 714 xxx">
          </div>
        </div>
        <div class="form-group">
          <label for="msgInput">Message:*</label>
          <textarea name="msg" class="form-control" id="msgInput" placeholder="E.g. Hello world!" oninput="bootstrapValidate('#msgInput', 'required:Please fill out this field')"></textarea>
        </div>
        <button type="submit" class="btn btn-primary">Submit</button>
      </form>

姓名：*
电邮：*
电话：
信息：*
提交

您可以将CSS类添加到元素中：

//styles.css
.警告{
颜色：红色；
}
//scripts.js
document.getElementById（'msgInput'）.classList.add（'warning'）；

例如

文档。GetElementById（'msgInput'）.style.color='#ABC666'

另一种方法是调用一个包含如下规则的类：
JS:
文档。GetElementById（'msgInput'）.classList.add（'valid'）

CSS:
.valid{color:#ABC666；}

前面提到的JS代码必须放在事件侦听器中
 到目前为止您尝试了什么？请查看
：valid:
选择器。（对于SASS中的示例表示抱歉）另外，您是否可以编辑此帖子以向我们提供整个表单的代码，并说明何时触发验证？@RickardElimäI编辑以显示完整表单，验证为“oninput=”此处未触发任何更改。抱歉，在js中有一个类型-它应该是
classList
而不是
classNames