Support type="range" HTML 5 attribute

CHANGELOG.md

@@ -38,9 +38,10 @@ HTML 5 attribute      | Validator
 ```maxlength="..."``` | [```stringLength``` validator](http://bootstrapvalidator.com/validators/string-length/)
 ```pattern="..."```   | [```regexp``` validator](http://bootstrapvalidator.com/validators/regexp/)
 ```required```        | [```notEmpty``` validator](http://bootstrapvalidator.com/validators/not-empty/)
+```type="color"```    | [```hexColor``` validator](http://bootstrapvalidator.com/validators/hex-color/)
 ```type="email"```    | [```emailAddress``` validator](http://bootstrapvalidator.com/validators/email-address/)
+```type="range"```    | [```between``` validator](http://bootstrapvalidator.com/validators/between/)
 ```type="url"```      | [```uri``` validator](http://bootstrapvalidator.com/validators/uri/)
-```type="color"```    | [```hexColor``` validator](http://bootstrapvalidator.com/validators/hex-color/)
 
 * [#74](https://github.com/nghuuphuoc/bootstrapvalidator/issues/74), [#103](https://github.com/nghuuphuoc/bootstrapvalidator/issues/103), [#122](https://github.com/nghuuphuoc/bootstrapvalidator/issues/122): Set the custom trigger event
 

demo/html5.html

@@ -76,6 +76,10 @@
                                    min="10" data-bv-greaterthan-inclusive="false" data-bv-greaterthan-message="The input must be greater than or equal to 10"
                                    max="100" data-bv-lessthan-inclusive="true" data-bv-lessthan-message="The input must be less than 100"
                                     />
+                            <!--<input type="range" class="form-control" name="age"
+                                   required
+                                   min="10" max="100" data-bv-between-message="The input must be between 10 and 100"
+                                    />-->
                         </div>
                     </div>
 

dist/js/bootstrapValidator.js

@@ -728,6 +728,17 @@
             inclusive: 'inclusive'
         },
 
+        enableByHtml5: function($field) {
+            if ('range' == $field.attr('type')) {
+                return {
+                    min: $field.attr('min'),
+                    max: $field.attr('max')
+                };
+            }
+
+            return false;
+        },
+
         /**
          * Return true if the input value is between (strictly or not) two given numbers
          *

src/js/validator/between.js

@@ -7,6 +7,17 @@
             inclusive: 'inclusive'
         },
 
+        enableByHtml5: function($field) {
+            if ('range' == $field.attr('type')) {
+                return {
+                    min: $field.attr('min'),
+                    max: $field.attr('max')
+                };
+            }
+
+            return false;
+        },
+
         /**
          * Return true if the input value is between (strictly or not) two given numbers
          *