skip form group check option

Author: lukaselmer

README.md

@@ -106,6 +106,18 @@ If you only want to show valid values on specific inputs, then you can pass in t
 </form>
 ```
 
+Skip Form Group Check
+---
+If your HTML code doesn't have a form-group class, the form group check can be skipped:
+
+```html
+<form name="userForm">
+<div show-errors="{ skipFormGroupCheck: true }">
+<input type="text" name="firstName" ng-model="firstName" ng-required />
+</div>
+</form>
+```
+
 Custom Trigger
 ---
 By default, the validation is not performed until the `blur` event is trigger on the input 

src/showErrors.coffee

@@ -57,8 +57,9 @@ showErrorsModule.directive 'showErrors',
       restrict: 'A'
       require: '^form'
       compile: (elem, attrs) ->
-        unless elem.hasClass 'form-group'
-          throw "show-errors element does not have the 'form-group' class"
+        if attrs['showErrors'].indexOf('skipFormGroupCheck') == -1
+          unless elem.hasClass 'form-group'
+            throw "show-errors element does not have the 'form-group' class"
         linkFn
     }
 ]

src/showErrors.js

@@ -67,8 +67,10 @@
         restrict: 'A',
         require: '^form',
         compile: function(elem, attrs) {
-          if (!elem.hasClass('form-group')) {
-            throw "show-errors element does not have the 'form-group' class";
+          if (attrs['showErrors'].indexOf('skipFormGroupCheck') === -1) {
+            if (!elem.hasClass('form-group')) {
+              throw "show-errors element does not have the 'form-group' class";
+            }
           }
           return linkFn;
         }

src/showErrors.min.js

@@ -38,6 +38,11 @@ describe 'showErrors', ->
       $compile('<div show-errors></div>')($scope)
     ).toThrow "show-errors element does not have the 'form-group' class"
 
+  it "doesn't throw an exception if the element doesn't have the form-group class but uses the skipFormGroupCheck option", ->
+    expect( ->
+      $compile('<form name="userForm"><div show-errors="{ skipFormGroupCheck: true }"><input class="form-control" type="text" name="firstName"></input></div></form>')($scope)
+    ).not.toThrow()
+
   it "throws an exception if the element isn't in a form tag", ->
     expect( ->
       $compile('<div class="form-group" show-errors><input type="text" name="firstName"></input></div>')($scope)

test/showErrors.spec.coffee

@@ -40,6 +40,11 @@
         return $compile('<div show-errors></div>')($scope);
       }).toThrow("show-errors element does not have the 'form-group' class");
     });
+    it("doesn't throw an exception if the element doesn't have the form-group class but uses the skipFormGroupCheck option", function() {
+      return expect(function() {
+        return $compile('<form name="userForm"><div show-errors="{ skipFormGroupCheck: true }"><input class="form-control" type="text" name="firstName"></input></div></form>')($scope);
+      }).not.toThrow();
+    });
     it("throws an exception if the element isn't in a form tag", function() {
       return expect(function() {
         return $compile('<div class="form-group" show-errors><input type="text" name="firstName"></input></div>')($scope);