Merge branch 'lukaselmer-master'

Author: paulyoder

README.md

@@ -115,6 +115,17 @@ 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
 ---

src/showErrors.coffee

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

src/showErrors.js

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

src/showErrors.min.js

@@ -43,6 +43,11 @@ describe 'showErrors', ->
       $compile('<form name="userForm"><div class="input-group" show-errors><input class="form-control" type="text" name="firstName"></input></div></form>')($scope)
     ).not.toThrow()
 
+  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

@@ -45,6 +45,11 @@
         return $compile('<form name="userForm"><div class="input-group" show-errors><input class="form-control" type="text" name="firstName"></input></div></form>')($scope);
       }).not.toThrow();
     });
+    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);