如何使用伪css显示样式化的错误消息？

Question

我最近用php和mysql完成了一个简单的登录表单。 现在我正在进入我不太熟悉的造型部分。

登录表单代码：

<div class="login-box-body">
<p class="login-box-msg">Sign in to start your session</p>

<form action="" method="post">
<div class="form-group has-feedback"><input class="form-control"
name="user_key" placeholder="XXXX-XXXX-XXXX-XXXX" type="text" /></div>

<div class="row">
<div class="col-xs-8">
<div class="checkbox icheck"><label><input type="checkbox" /> Remember Me
</label></div></div>
<!-- /.col -->

<div class="col-xs-4"><button class="btn btn-primary btn-block btn-flat"
name="submit" type="submit">Sign In</button></div>
<!-- /.col --></div>
</form>

登录表单截图： http://prntscr.com/afrajr

我想也许可以回应一下，当它们在mysql表中没有有效键但是我不确定如何时，在盒子周围显示一个红色的轮廓。