jQuery.Validation.Unobtrusive handle sample - http://jsfiddle.net/bsq6e1b2/

fiddle.css

.input-validation-error {
    background-color: #ff0000;
}

fiddle.html

<form>
    <div>
        <input name="hoge" type="text" data-val-required="The field is required." data-val="true" />
        <span data-valmsg-for="hoge" data-valmsg-replace="true"></span>
    </div>
    <input type="submit" value="save" />
</form>
<ul id="console"></ul>

fiddle.js

$.validator.unobtrusive.options = {
    errorPlacement: function ($error, $element) {
        if ($error.text().length === 0) {
            $element.triggerHandler("onSuccess");
        } else {
            $element.triggerHandler("onError");
        }
    }
};

$("input").on("onSuccess", function () {
    $("#console").prepend("<li>onSuccess</li>");
});
$("input").on("onError", function () {
    $("#console").prepend("<li>onError</li>");
});

$(function () {
    $("form").valid();
});

fiddle.manifest

name: jQuery.Validation.Unobtrusive handle sample
authors:
  - KatsuYuzu
resources:
  - //ajax.aspnetcdn.com/ajax/jquery.validate/1.13.0/jquery.validate.min.js
  - //ajax.aspnetcdn.com/ajax/mvc/5.2.2/jquery.validate.unobtrusive.min.js
wrap: b

jsfiddle と gist の連携。

• Display Fiddle from Gist — jsFiddle 0.5a2 documentation
• http://jsfiddle.net/gh/gist/jquery/2.1.0/d1af534aed1e64e22247/

ただし、外部リソースの読み込み順を守ってくれない不具合があるみたいで、manifestに書かれた順になるまでリロードが必要。

• When loading external resources from a manifest file in gist, order is not respected. · Issue #416 · jsfiddle-jsfiddle-issues