Client validation updated to support Bootstrap styling. #27

Baud-UCS · Jun 8, 2015 · 5e4f1ee · 5e4f1ee
1 parent b22d5c5
commit 5e4f1ee
Show file tree

Hide file tree

Showing 5 changed files with 239 additions and 2 deletions.
diff --git a/src/Server/DeploymentFramework/Web/Scripts/_references.js b/src/Server/DeploymentFramework/Web/Scripts/_references.js
diff --git a/src/Server/DeploymentFramework/Web/Scripts/jquery-bundle.min.js b/src/Server/DeploymentFramework/Web/Scripts/jquery-bundle.min.js
diff --git a/src/Server/DeploymentFramework/Web/Scripts/jquery.validate.unobtrusive.bootstrap.js b/src/Server/DeploymentFramework/Web/Scripts/jquery.validate.unobtrusive.bootstrap.js
@@ -0,0 +1,24 @@
+// from http://danielwertheim.se/2014/08/29/asp-net-mvc-5-quick-tip-for-unobtrusive-validation-and-bootstrap-styling/comment-page-1/
+(function ($) {
+    var defaultOptions = {
+        errorClass: 'has-error',
+        validClass: 'has-success',
+        highlight: function (element, errorClass, validClass) {
+            $(element).closest(".form-group")
+                .addClass(errorClass)
+                .removeClass(validClass);
+        },
+        unhighlight: function (element, errorClass, validClass) {
+            $(element).closest(".form-group")
+            .removeClass(errorClass)
+            .addClass(validClass);
+        }
+    };
+
+    $.validator.setDefaults(defaultOptions);
+
+    $.validator.unobtrusive.options = {
+        errorClass: defaultOptions.errorClass,
+        validClass: defaultOptions.validClass,
+    };
+})(jQuery);
diff --git a/src/Server/DeploymentFramework/Web/Web.csproj b/src/Server/DeploymentFramework/Web/Web.csproj
@@ -367,6 +367,7 @@
     <Content Include="package.json" />
     <Content Include="Scripts\bootstrap-bundle.min.js" />
     <Content Include="Scripts\jquery-bundle.min.js" />
+    <Content Include="Scripts\jquery.validate.unobtrusive.bootstrap.js" />
     <Content Include="Scripts\jquery.validate.unobtrusive.chameleon.js" />
     <Content Include="Scripts\modernizer-min.js" />
     <Content Include="Scripts\_references.js" />

diff --git a/src/Server/DeploymentFramework/Web/gulpfile.js b/src/Server/DeploymentFramework/Web/gulpfile.js
@@ -14,7 +14,9 @@ var config = {
     jquerysrc: [
         'bower_components/jquery/dist/jquery.min.js',
         'bower_components/jquery-validation/dist/jquery.validate.min.js',
-        'bower_components/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js'
+        'bower_components/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js',
+        'Scripts/jquery.validate.unobtrusive.chameleon.js',
+        'Scripts/jquery.validate.unobtrusive.bootstrap.js'
     ],
     jquerybundle: 'Scripts/jquery-bundle.min.js',