检查成功和错误颜色的初始加载变化的形状

这是我的形式，我希望表单在发生错误时更改颜色/有事情发生。

例如，如果用户在强制性字段中没有输入任何内容，

我希望它使用类来改变颜色 bootstrap css, 有人能教我怎么做吗？

p. S.I-Nevice，对新手的问题感到遗憾。

<form class="form-horizontal">

<fieldset>

<!-- Form Name -->

<legend>Form Name</legend>

<!-- Text input-->

<div class="form-group">

<label class="col-md-4 control-label" for="name">Name</label>

<div class="col-md-5">

<input class="form-control input-md" id="name" name="name" placeholder="Enter Name" required="" type="text"/>

</div>

</div>

<!-- Password input-->

<div class="form-group">

<label class="col-md-4 control-label" for="password">Password</label>

<div class="col-md-5">

<input class="form-control input-md" id="password" name="password" placeholder="Enter Password" required="" type="password"/>

</div>

</div>

<!-- Button -->

<div class="form-group">

<label class="col-md-4 control-label" for="button"></label>

<div class="col-md-4">

<input class="btn btn-success" id="button" name="button" type="submit" value="Submit"/>

</div>

</div>

</fieldset>

</form>