<commit_before>--
layout: post
title: jQuery Unobtrusive Validation for Foundation CSS Framework
--

I had previously used the [jQuery Validation for Bootstrap](https://www.nuget.org/packages/jquery.validate.unobtrusive.bootstrap3/) integration 
in order to enable my [ASP.NET MVC](http://www.asp.net/mvc) web-apps to take advantage of [Bootstrap's input validation states](http://getbootstrap.com/css/#forms-control-validation), 
but I couldn't find anything similar for the [Foundation CSS Framework](http://foundation.zurb.com/) 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](https://raw.githubusercontent.com/bradwestness/jQuery-Unobtrusive-Validation-for-Foundation/master/before.PNG)

To looking like this:

![After](https://raw.githubusercontent.com/bradwestness/jQuery-Unobtrusive-Validation-for-Foundation/master/after.PNG)

It's available as a [NuGet Package](https://www.nuget.org/packages/jQuery-Unobtrusive-Validation-Foundation/) and is [on Github under the MIT license](https://github.com/bradwestness/jQuery-Unobtrusive-Validation-for-Foundation), so go nuts!<commit_msg>Fix YAML formatting on latest post<commit_after>---
layout: post
title: jQuery Unobtrusive Validation for Foundation CSS Framework
---

I had previously used the [jQuery Validation for Bootstrap](https://www.nuget.org/packages/jquery.validate.unobtrusive.bootstrap3/) integration 
in order to enable my [ASP.NET MVC](http://www.asp.net/mvc) web-apps to take advantage of [Bootstrap's input validation states](http://getbootstrap.com/css/#forms-control-validation), 
but I couldn't find anything similar for the [Foundation CSS Framework](http://foundation.zurb.com/) 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](https://raw.githubusercontent.com/bradwestness/jQuery-Unobtrusive-Validation-for-Foundation/master/before.PNG)

To looking like this:

![After](https://raw.githubusercontent.com/bradwestness/jQuery-Unobtrusive-Validation-for-Foundation/master/after.PNG)

It's available as a [NuGet Package](https://www.nuget.org/packages/jQuery-Unobtrusive-Validation-Foundation/) and is [on Github under the MIT license](https://github.com/bradwestness/jQuery-Unobtrusive-Validation-for-Foundation), so go nuts!
{'fraction_non_alphanumeric': 0.11536876802637, 'fraction_numerical': 0.002472187886279357, 'mean_word_length': 5.356020942408377, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 10, 'lorem ipsum': 0, 'www.': 6, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7551342', 'n_tokens_mistral': 721, 'n_tokens_neox': 688, 'n_words': 202}