#18: Support select box validator

CHANGELOG.md

@@ -1,10 +1,13 @@
 # Change Log
 
-v0.1.0 (2013-10-14)
+v0.1.1
+* #16: Disable client side validation in HTML 5
+* #17: Support default Bootstrap form without labels
+* #18: Support select box validator
 
+v0.1.0 (2013-10-14)
 * First release
 * Provide various validators
-
     - between
     - digits
     - emailAddress

demo/remote.html

@@ -64,6 +64,22 @@
                         </div>
 
                         <div class="form-group">
+                            <label class="col-lg-3 control-label">Country</label>
+                            <div class="col-lg-5">
+                                <select class="form-control" name="country">
+                                    <option value="">-- Select a country --</option>
+                                    <option value="fr">France</option>
+                                    <option value="de">Germany</option>
+                                    <option value="it">Italy</option>
+                                    <option value="jp">Japan</option>
+                                    <option value="ru">Russia</option>
+                                    <option value="gb">United Kingdom</option>
+                                    <option value="us">United State</option>
+                                </select>
+                            </div>
+                        </div>
+
+                        <div class="form-group">
                             <div class="col-lg-9 col-lg-offset-3">
                                 <button type="submit" class="btn btn-primary">Submit</button>
                             </div>
@@ -141,6 +157,13 @@ $(document).ready(function() {
                         message: 'The value can contain only digits'
                     }
                 }
+            },
+            country: {
+                validators: {
+                    notEmpty: {
+                        message: 'The country is required and can\'t be empty'
+                    }
+                }
             }
         }
     });

dist/js/bootstrapValidator.js

@@ -129,7 +129,7 @@
             }
 
             var type  = $field.attr('type'),
-                event = ('checkbox' == type || 'radio' == type) ? 'change' : 'keyup';
+                event = ('checkbox' == type || 'radio' == type || 'SELECT' == $field.get(0).tagName) ? 'change' : 'keyup';
             $field.on(event, function() {
                 that.formSubmited = false;
                 that.validateField(field);

src/js/bootstrapValidator.js

@@ -129,7 +129,7 @@
             }
 
             var type  = $field.attr('type'),
-                event = ('checkbox' == type || 'radio' == type) ? 'change' : 'keyup';
+                event = ('checkbox' == type || 'radio' == type || 'SELECT' == $field.get(0).tagName) ? 'change' : 'keyup';
             $field.on(event, function() {
                 that.formSubmited = false;
                 that.validateField(field);