I had previously used the jQuery Validation for Bootstrap integration in order to enable my ASP.NET MVC web-apps to take advantage of Bootstrap’s input validation states, but I couldn’t find anything similar for the Foundation CSS Framework when using it for a recent project.

So, I made one! It’s just about 30 lines of JavaScript, but it will take your validation from looking like this:

Before

To looking like this:

After

It’s available as a NuGet Package and is on Github under the MIT license, so go nuts!