ソースを参照

Add lessThan validator

phuoc 12 年 前
コミット
d6d7187d00
2 ファイル変更42 行追加0 行削除
  1. 21 0
      demo/all.html
  2. 21 0
      src/js/validator/lessThan.js

+ 21 - 0
demo/all.html

@@ -15,6 +15,7 @@
     <script type="text/javascript" src="../src/js/validator/digits.js"></script>
     <script type="text/javascript" src="../src/js/validator/emailAddress.js"></script>
     <script type="text/javascript" src="../src/js/validator/identical.js"></script>
+    <script type="text/javascript" src="../src/js/validator/lessThan.js"></script>
     <script type="text/javascript" src="../src/js/validator/notEmpty.js"></script>
     <script type="text/javascript" src="../src/js/validator/regexp.js"></script>
     <script type="text/javascript" src="../src/js/validator/stringLength.js"></script>
@@ -76,6 +77,17 @@
                         </fieldset>
 
                         <fieldset>
+                            <legend>Other validators</legend>
+
+                            <div class="form-group">
+                                <label class="col-lg-3 control-label">Ages</label>
+                                <div class="col-lg-3">
+                                    <input type="text" class="form-control" name="ages" />
+                                </div>
+                            </div>
+                        </fieldset>
+
+                        <fieldset>
                             <legend>Identical validator</legend>
 
                             <div class="form-group">
@@ -178,6 +190,15 @@ $(document).ready(function() {
                         message: 'The password and its confirm are not the same'
                     }
                 }
+            },
+            ages: {
+                validator: {
+                    lessThan: {
+                        value: 100,
+                        strict: true,
+                        message: 'The ages has to be less than 100'
+                    }
+                }
             }
         },
         message: 'This value is not valid',

+ 21 - 0
src/js/validator/lessThan.js

@@ -0,0 +1,21 @@
+(function($) {
+    $.extend($.bootstrapValidator.validator, {
+        lessThan: {
+            /**
+             * Return true if the input value is less than or equal to given number
+             *
+             * @param {bootstrapValidator} validateInstance Validate plugin instance
+             * @param {HTMLElement} element
+             * @param {Object} options Can consist of the following keys:
+             * - value: The number used to compare to
+             * - strict [optional]: Can be true or false. Default is true
+             * - message: The invalid message
+             * @returns {boolean}
+             */
+            validate: function(validateInstance, element, options) {
+                var value = parseFloat($(element).val());
+                return (options.strict === true) ? (value < options.value) : (value <= options.value);
+            }
+        }
+    });
+}(window.jQuery));