ASP.NET MVC4 - “分层”验证

Question

我想在我的表单中进行某种“分层”验证（不知道更好的词）。示例：用户输入密码。此密码可能是

1. 空或太短（错误条件为红色）
2. 足够长但太弱（错误状态为黄色）
3. 长而强壮（绿色 - 去！）

这是我对html内容的概念（之前在另一个非mvc非dotnet项目中完成但由于我只负责前端html部分而无法分析它是如何完成的）：

<div class="input-box">
    <div class="hint">
        <span class="ok">OK</span>
        <span class="error_too_short">too short</span>
        ... other error condition-spans
    </div>
    <label....>
    <input....>
</div>

“提示”跨度首先是不可见的，然后当出现错误条件时，其中一个获得“活动”属性，因此变得可见。我怎样才能在mvc4中实现这一目标？ jquery还是自定义验证？验证应在用户离开字段时发生。

TIA

的Heiko