dqs-jquery-form-validator-rails 2.2.8 → 2.2.163p1

data/app/assets/javascripts/file.dev.js

@@ -0,0 +1,413 @@
+/**
+ * jQuery Form Validator Module: File
+ * ------------------------------------------
+ * Created by Victor Jonsson <http://www.victorjonsson.se>
+ *
+ * The following validators will be added by this module:
+ *  - mime type
+ *  - file size
+ *  - file extension
+ *
+ * @website http://formvalidator.net/#file-validators
+ * @license MIT
+ * @version 2.2.163
+ */
+(function($, window) {
+
+    'use strict';
+
+    var SUPPORTS_FILE_READER = typeof window.FileReader !== 'undefined',
+
+      /**
+      * @return {Array}
+      */
+      _getTypes = function($input) {
+        var allowedTypes = $.split( ($input.valAttr('allowing') || '').toLowerCase() );
+        if ($.inArray('jpg', allowedTypes) > -1 && $.inArray('jpeg', allowedTypes) === -1) {
+          allowedTypes.push('jpeg');
+        }
+        else if ($.inArray('jpeg', allowedTypes) > -1 && $.inArray('jpg', allowedTypes) === -1) {
+          allowedTypes.push('jpg');
+        }
+        return allowedTypes;
+      },
+
+      /**
+      * @param {Object} obj
+      * @param {String} key
+      * @param {String} insert
+      * @param {Object} lang
+      */
+      _generateErrorMsg = function(obj, key, insert, lang) {
+        var msg = lang[key] || '';
+        obj.errorMessageKey = ''; // only use message attached to this object
+        obj.errorMessage = msg.replace('\%s', insert);
+      },
+
+      /**
+      * @param {String} msg
+      */
+      _log = function(msg) {
+        if( window.console && window.console.log ) {
+          window.console.log(msg);
+        }
+      },
+
+      /**
+       * @param {String} imgPath
+       * @param {Function} successCallback
+       * @param {Function} errCallback
+       * @private
+       */
+      _loadImage = function(imgPath, successCallback, errCallback) {
+        var reader = new FileReader(),
+          image  = new Image();
+
+        reader.readAsDataURL(imgPath);
+
+        reader.onload = function(fileObj) {
+
+          image.onload = function() {
+            $(window).trigger('imageValidation', [this]);
+            successCallback(this);
+          };
+
+          image.onerror= function() {
+            errCallback();
+          };
+
+          image.src = fileObj.target.result;
+
+        };
+      };
+
+    /*
+     * Validate mime type (falls back on validate_extension in older browsers)
+     */
+    $.formUtils.addValidator({
+        name : 'mime',
+        validatorFunction : function(str, $input, conf, language) {
+
+            if( SUPPORTS_FILE_READER ) {
+                var valid = true,
+                    files = $input.get(0).files || [],
+                    mime = '',
+                    allowedTypes = _getTypes($input);
+
+                if( files.length ) {
+                    $.each(files, function(i, file) {
+                        valid = false;
+                        mime = file.type || '';
+                        $.each(allowedTypes, function(j, type) {
+                            valid = mime.indexOf(type) > -1;
+                            if( valid ) {
+                                return false;
+                            }
+                        });
+                        return valid;
+                    });
+
+                    if( !valid ) {
+                        _log('Trying to upload a file with mime type '+mime+' which is not allowed');
+                        _generateErrorMsg(this, 'wrongFileType', allowedTypes.join(', '), language);
+                    }
+                }
+
+                return valid;
+
+            } else {
+                _log('FileReader not supported by browser, will check file extension');
+                return $.formUtils.validators.validate_extension.validatorFunction(str, $input, conf, language);
+            }
+        },
+        errorMessage : '',
+        errorMessageKey: 'wrongFileType'
+    });
+
+    /**
+     * Validate file extension
+     */
+    $.formUtils.addValidator({
+        name : 'extension',
+        validatorFunction : function(value, $input, conf, language) {
+            var valid = true,
+                _this = this,
+                allowedTypes = _getTypes($input);
+
+            $.each($input.get(0).files || [value], function(i, file) {
+                var val = typeof file === 'string' ? file : (file.value || file.fileName || file.name),
+                    ext = val.substr( val.lastIndexOf('.')+1 );
+
+                if( $.inArray(ext.toLowerCase(), allowedTypes) === -1 ) {
+                    valid = false;
+                    _generateErrorMsg(_this, 'wrongFileType', allowedTypes.join(', '), language);
+                    return false;
+                }
+            });
+
+            return valid;
+        },
+        errorMessage : '',
+        errorMessageKey: 'wrongFileType'
+    });
+
+    /**
+     * Validate file size
+     */
+    $.formUtils.addValidator({
+        name : 'size',
+        validatorFunction : function(val, $input, conf, language) {
+            var maxSize = $input.valAttr('max-size');
+            if( !maxSize ) {
+                _log('Input "'+$input.attr('name')+'" is missing data-validation-max-size attribute');
+                return true;
+            } else if( !SUPPORTS_FILE_READER ) {
+                return true; // no fallback available
+            }
+
+            var maxBytes = $.formUtils.convertSizeNameToBytes(maxSize),
+                valid = true;
+
+            $.each($input.get(0).files || [], function(i, file) {
+                valid = file.size <= maxBytes;
+                return valid;
+            });
+
+            if( !valid ) {
+                _generateErrorMsg(this, 'wrongFileSize', maxSize, language);
+            }
+            return valid;
+        },
+        errorMessage : '',
+        errorMessageKey: 'wrongFileSize'
+    });
+
+    /**
+     * Make this function accessible via formUtils for unit tests
+     * @param {String} sizeName
+     * @return {Number}
+     */
+    $.formUtils.convertSizeNameToBytes = function(sizeName) {
+        sizeName = sizeName.toUpperCase();
+        if( sizeName.substr(sizeName.length-1, 1) === 'M' ) {
+            return parseInt(sizeName.substr(0, sizeName.length-1), 10) * 1024 * 1024;
+        } else if( sizeName.substr(sizeName.length-2, 2) === 'MB' ) {
+            return parseInt(sizeName.substr(0, sizeName.length-2), 10) * 1024 * 1024;
+        } else if( sizeName.substr(sizeName.length-2, 2) === 'KB' ) {
+            return parseInt(sizeName.substr(0, sizeName.length-2), 10) * 1024;
+        } else if( sizeName.substr(sizeName.length-1, 1) === 'B' ) {
+            return parseInt(sizeName.substr(0, sizeName.length-1), 10);
+        } else {
+            return parseInt(sizeName, 10);
+        }
+    };
+
+    var disableFormSubmit = function() {
+      return false;
+    };
+
+   /**
+    * Attach dimension check onto formUtils only for unit testing purpose
+    * @param {HTMLImageElement} img
+    * @param {String} dimDeclaration
+    * @param {Boolean|String} Returns error message if image was invalid, false otherwise
+    */
+    $.formUtils.checkImageDimension = function(img, dimDeclaration, language) {
+      var error = false,
+          restrictedDim = {width:0, height:0},
+          getDimRestriction = function(dimDeclaration) {
+            dimDeclaration = dimDeclaration.replace('min', '').replace('max', '');
+            var chunks = dimDeclaration.split('x');
+            restrictedDim.width = chunks[0];
+            restrictedDim.height = chunks[1] ? chunks[1] : chunks[0];
+          },
+          minDeclaration = false,
+          maxDeclaration = false,
+          declarationParts = dimDeclaration.split('-');
+
+      if( declarationParts.length === 1 ) {
+        if( declarationParts[0].indexOf('min') === 0 ) {
+          minDeclaration = declarationParts[0];
+        } else {
+          maxDeclaration = declarationParts[0];
+        }
+      } else {
+        minDeclaration = declarationParts[0];
+        maxDeclaration = declarationParts[1];
+      }
+
+      if( minDeclaration ) {
+        // check min
+        getDimRestriction(minDeclaration);
+        if( img.width < restrictedDim.width || img.height < restrictedDim.height )  {
+          error = language.imageTooSmall + ' ('+language.min+' '+restrictedDim.width+'x'+restrictedDim.height+'px)';
+        }
+      }
+
+      if( !error && maxDeclaration ) {
+        // Check max
+        getDimRestriction(maxDeclaration);
+        if( img.width > restrictedDim.width || img.height > restrictedDim.height ) {
+          if( img.width > restrictedDim.width ) {
+            error = language.imageTooWide +' '+restrictedDim.width+'px';
+          } else {
+            error = language.imageTooTall +' '+restrictedDim.height+'px';
+          }
+          error += ' ('+language.max+' '+restrictedDim.width+'x'+restrictedDim.height+'px)';
+        }
+      }
+
+      return error;
+    };
+
+    /**
+     * Attach ratio validation onto formUtils only for unit testing purpose
+     * @param {HTMLImageElement} img
+     * @param {String} dimDeclaration
+     * @param {Boolean|String} Returns error message if image was invalid, false otherwise
+     */
+    $.formUtils.checkImageRatio = function(img, ratioDeclaration, language) {
+      var ratio = img.width / img.height,
+          calculateRatio = function(declaration) {
+            var dims = declaration.replace('max', '').replace('min', '').split(':');
+            return dims[0] / dims[1];
+          },
+          declarationParts = ratioDeclaration.split('-'),
+          isWithin = function(val, min, max) {
+            return val >= min && val <= max;
+          };
+
+      if ( declarationParts.length === 1 ) {
+        if ( ratio !== calculateRatio(declarationParts[0]) ) {
+          return language.imageRatioNotAccepted;
+        }
+      }
+      else if( declarationParts.length === 2 && !isWithin(ratio, calculateRatio(declarationParts[0]), calculateRatio(declarationParts[1])) ) {
+        return language.imageRatioNotAccepted;
+      }
+      return false;
+    };
+
+    /**
+     * Validate image dimension
+     */
+    $.formUtils.addValidator({
+      name : 'dimension',
+      validatorFunction : function(val, $input, conf, language, $form) {
+        var hasCorrectDim = false;
+        if( SUPPORTS_FILE_READER ) {
+          var file = $input.get(0).files || [];
+          hasCorrectDim = true;
+
+          if( $input.attr('data-validation').indexOf('mime') === -1) {
+            alert('You should validate file type being jpg, gif or png on input '+$input[0].name);
+            return false;
+          }
+          else if( file.length > 1 ) {
+            alert('Validating image dimensions does not support inputs allowing multiple files');
+            return false;
+          } else if( file.length === 0) {
+            return true;
+          }
+
+          if( $input.valAttr('has-valid-dim') ) {
+            return true;
+          }
+          else if( $input.valAttr('has-not-valid-dim') ) {
+            this.errorMessage = language.wrongFileDim + ' ' + $input.valAttr('has-not-valid-dim');
+            return false;
+          }
+          else if($.formUtils.eventType === 'keyup') {
+            return null;
+          }
+
+          var wasFormSubmit = false;
+
+          if( $.formUtils.isValidatingEntireForm ) {
+            wasFormSubmit = true;
+            $.formUtils.haltValidation = true;
+            $form
+              .bind('submit', disableFormSubmit)
+              .addClass('on-blur');
+          }
+
+          _loadImage(file[0], function(img) {
+            var error = false;
+
+            if ( $input.valAttr('dimension') ) {
+              error = $.formUtils.checkImageDimension(img, $input.valAttr('dimension'), language);
+            }
+
+            if ( !error && $input.valAttr('ratio') ) {
+              error = $.formUtils.checkImageRatio(img, $input.valAttr('ratio'), language);
+            }
+
+            // Set validation result flag on input
+            if( error ) {
+              $input.valAttr('has-not-valid-dim', error);
+            }
+            else {
+              $input.valAttr('has-valid-dim', 'true');
+            }
+
+            // Remove validation flag when input changed
+            if( !$input.valAttr('has-keyup-event') ) {
+              $input
+                .valAttr('has-keyup-event', '1')
+                .bind('keyup change', function(evt) {
+                  if( evt.keyCode !== 9 && evt.keyCode !== 16 ) {
+                    $(this)
+                      .valAttr('has-not-valid-dim', false)
+                      .valAttr('has-valid-dim', false);
+                  }
+                });
+            }
+
+            if( wasFormSubmit ) {
+              $.formUtils.haltValidation = false;
+              $form
+                .removeClass('on-blur')
+                .get(0).onsubmit = function() {};
+
+              $form.unbind('submit', disableFormSubmit);
+              $form.trigger('submit'); // fire submit once more
+
+            } else {
+              $input.trigger('blur'); // triggers the validation once more
+            }
+
+          }, function(err) {
+            throw err;
+          });
+
+          return true;
+        }
+
+        return hasCorrectDim;
+      },
+      errorMessage : '',
+      errorMessageKey: '' // error message created dynamically
+    //  errorMessageKey: 'wrongFileDim'
+    });
+
+    /*
+     * This event listener will remove error messages for file
+     * inputs when file changes
+     */
+    $(window).one('validatorsLoaded formValidationSetup', function(evt, $form) {
+        var $inputs;
+        if( $form ) {
+            $inputs = $form.find('input[type="file"]');
+        } else {
+            $inputs = $('input[type="file"]');
+        }
+
+        $inputs.filter('*[data-validation]').bind('change', function() {
+            $(this)
+                .removeClass('error')
+                .parent()
+                .find('.form-error').remove();
+        });
+    });
+
+})(jQuery, window);

data/app/assets/javascripts/file.js

@@ -0,0 +1,9 @@
+/**
+ *  JQUERY-FORM-VALIDATOR
+ *
+ *  @version 2.2.163
+ *  @website http://formvalidator.net/
+ *  @author Victor Jonsson, http://victorjonsson.se
+ *  @license MIT
+ */
+!function(a,b){"use strict";var c="undefined"!=typeof b.FileReader,d=function(b){var c=a.split((b.valAttr("allowing")||"").toLowerCase());return a.inArray("jpg",c)>-1&&-1===a.inArray("jpeg",c)?c.push("jpeg"):a.inArray("jpeg",c)>-1&&-1===a.inArray("jpg",c)&&c.push("jpg"),c},e=function(a,b,c,d){var e=d[b]||"";a.errorMessageKey="",a.errorMessage=e.replace("%s",c)},f=function(a){b.console&&b.console.log&&b.console.log(a)},g=function(c,d,e){var f=new FileReader,g=new Image;f.readAsDataURL(c),f.onload=function(c){g.onload=function(){a(b).trigger("imageValidation",[this]),d(this)},g.onerror=function(){e()},g.src=c.target.result}};a.formUtils.addValidator({name:"mime",validatorFunction:function(b,g,h,i){if(c){var j=!0,k=g.get(0).files||[],l="",m=d(g);return k.length&&(a.each(k,function(b,c){return j=!1,l=c.type||"",a.each(m,function(a,b){return j=l.indexOf(b)>-1,j?!1:void 0}),j}),j||(f("Trying to upload a file with mime type "+l+" which is not allowed"),e(this,"wrongFileType",m.join(", "),i))),j}return f("FileReader not supported by browser, will check file extension"),a.formUtils.validators.validate_extension.validatorFunction(b,g,h,i)},errorMessage:"",errorMessageKey:"wrongFileType"}),a.formUtils.addValidator({name:"extension",validatorFunction:function(b,c,f,g){var h=!0,i=this,j=d(c);return a.each(c.get(0).files||[b],function(b,c){var d="string"==typeof c?c:c.value||c.fileName||c.name,f=d.substr(d.lastIndexOf(".")+1);return-1===a.inArray(f.toLowerCase(),j)?(h=!1,e(i,"wrongFileType",j.join(", "),g),!1):void 0}),h},errorMessage:"",errorMessageKey:"wrongFileType"}),a.formUtils.addValidator({name:"size",validatorFunction:function(b,d,g,h){var i=d.valAttr("max-size");if(!i)return f('Input "'+d.attr("name")+'" is missing data-validation-max-size attribute'),!0;if(!c)return!0;var j=a.formUtils.convertSizeNameToBytes(i),k=!0;return a.each(d.get(0).files||[],function(a,b){return k=b.size<=j}),k||e(this,"wrongFileSize",i,h),k},errorMessage:"",errorMessageKey:"wrongFileSize"}),a.formUtils.convertSizeNameToBytes=function(a){return a=a.toUpperCase(),"M"===a.substr(a.length-1,1)?1024*parseInt(a.substr(0,a.length-1),10)*1024:"MB"===a.substr(a.length-2,2)?1024*parseInt(a.substr(0,a.length-2),10)*1024:"KB"===a.substr(a.length-2,2)?1024*parseInt(a.substr(0,a.length-2),10):"B"===a.substr(a.length-1,1)?parseInt(a.substr(0,a.length-1),10):parseInt(a,10)};var h=function(){return!1};a.formUtils.checkImageDimension=function(a,b,c){var d=!1,e={width:0,height:0},f=function(a){a=a.replace("min","").replace("max","");var b=a.split("x");e.width=b[0],e.height=b[1]?b[1]:b[0]},g=!1,h=!1,i=b.split("-");return 1===i.length?0===i[0].indexOf("min")?g=i[0]:h=i[0]:(g=i[0],h=i[1]),g&&(f(g),(a.width<e.width||a.height<e.height)&&(d=c.imageTooSmall+" ("+c.min+" "+e.width+"x"+e.height+"px)")),!d&&h&&(f(h),(a.width>e.width||a.height>e.height)&&(d=a.width>e.width?c.imageTooWide+" "+e.width+"px":c.imageTooTall+" "+e.height+"px",d+=" ("+c.max+" "+e.width+"x"+e.height+"px)")),d},a.formUtils.checkImageRatio=function(a,b,c){var d=a.width/a.height,e=function(a){var b=a.replace("max","").replace("min","").split(":");return b[0]/b[1]},f=b.split("-"),g=function(a,b,c){return a>=b&&c>=a};if(1===f.length){if(d!==e(f[0]))return c.imageRatioNotAccepted}else if(2===f.length&&!g(d,e(f[0]),e(f[1])))return c.imageRatioNotAccepted;return!1},a.formUtils.addValidator({name:"dimension",validatorFunction:function(b,d,e,f,i){var j=!1;if(c){var k=d.get(0).files||[];if(j=!0,-1===d.attr("data-validation").indexOf("mime"))return alert("You should validate file type being jpg, gif or png on input "+d[0].name),!1;if(k.length>1)return alert("Validating image dimensions does not support inputs allowing multiple files"),!1;if(0===k.length)return!0;if(d.valAttr("has-valid-dim"))return!0;if(d.valAttr("has-not-valid-dim"))return this.errorMessage=f.wrongFileDim+" "+d.valAttr("has-not-valid-dim"),!1;if("keyup"===a.formUtils.eventType)return null;var l=!1;return a.formUtils.isValidatingEntireForm&&(l=!0,a.formUtils.haltValidation=!0,i.bind("submit",h).addClass("on-blur")),g(k[0],function(b){var c=!1;d.valAttr("dimension")&&(c=a.formUtils.checkImageDimension(b,d.valAttr("dimension"),f)),!c&&d.valAttr("ratio")&&(c=a.formUtils.checkImageRatio(b,d.valAttr("ratio"),f)),c?d.valAttr("has-not-valid-dim",c):d.valAttr("has-valid-dim","true"),d.valAttr("has-keyup-event")||d.valAttr("has-keyup-event","1").bind("keyup change",function(b){9!==b.keyCode&&16!==b.keyCode&&a(this).valAttr("has-not-valid-dim",!1).valAttr("has-valid-dim",!1)}),l?(a.formUtils.haltValidation=!1,i.removeClass("on-blur").get(0).onsubmit=function(){},i.unbind("submit",h),i.trigger("submit")):d.trigger("blur")},function(a){throw a}),!0}return j},errorMessage:"",errorMessageKey:""}),a(b).one("validatorsLoaded formValidationSetup",function(b,c){var d;d=c?c.find('input[type="file"]'):a('input[type="file"]'),d.filter("*[data-validation]").bind("change",function(){a(this).removeClass("error").parent().find(".form-error").remove()})})}(jQuery,window);

data/app/assets/javascripts/html5.dev.js

@@ -0,0 +1,168 @@
+/**
+ * jQuery Form Validator Module: html5
+ * ------------------------------------------
+ * Created by Victor Jonsson <http://www.victorjonsson.se>
+ *
+ * The following module will make this jQuery plugin serve as a
+ * html5 fallback. It makes older browsers support the following
+ *  - validation when type="email"
+ *  - validation when type="url"
+ *  - validation when type="time"
+ *  - validation when type="date"
+ *  - validation when type="number" and max="" min=""
+ *  - validation when pattern="REGEXP"
+ *  - validation when using maxlength
+ *  - Using datalist element for creating suggestions
+ *  - placeholders
+ *
+ * @website http://formvalidator.net/
+ * @license MIT
+ * @version 2.2.157
+ */
+(function($, window) {
+
+  'use strict';
+
+    var SUPPORTS_PLACEHOLDER = 'placeholder' in document.createElement('INPUT'),
+        SUPPORTS_DATALIST = 'options' in document.createElement('DATALIST'),
+        hasLoadedDateModule = false,
+        setupValidationUsingHTML5Attr = function($form) {
+
+          $form.each(function() {
+            var $f = $(this),
+              $formInputs = $f.find('input,textarea,select'),
+              foundHtml5Rule = false;
+
+            $formInputs.each(function() {
+              var validation = [],
+                $input = $(this),
+                isRequired = $input.attr('required'),
+                attrs = {};
+
+              switch ( ($input.attr('type') || '').toLowerCase() ) {
+                case 'time':
+                  validation.push('time');
+                  if( !$.formUtils.validators.validate_date && !hasLoadedDateModule ) {
+                    hasLoadedDateModule = true;
+                    $.formUtils.loadModules('date');
+                  }
+                  break;
+                case 'url':
+                  validation.push('url');
+                  break;
+                case 'email':
+                  validation.push('email');
+                  break;
+                case 'date':
+                  validation.push('date');
+                  break;
+                case 'number':
+                  validation.push('number');
+                  var max = $input.attr('max'),
+                    min = $input.attr('min');
+                  if( min || max ) {
+                    if ( !min ) {
+                      min = '0';
+                    }
+                    if ( !max ) {
+                      max = '9007199254740992'; // js max int
+                    }
+
+                    attrs['data-validation-allowing'] = 'range['+min+';'+max+']';
+                    if( min.indexOf('-') === 0 || max.indexOf('-') === 0 ) {
+                      attrs['data-validation-allowing'] += ',negative';
+                    }
+                    if( min.indexOf('.') > -1 || max.indexOf('.') > -1 ) {
+                      attrs['data-validation-allowing'] += ',float';
+                    }
+                  }
+                  break;
+              }
+
+              if( $input.attr('pattern') ) {
+                validation.push('custom');
+                attrs['data-validation-regexp'] = $input.attr('pattern');
+              }
+              if( $input.attr('maxlength') ) {
+                validation.push('length');
+                attrs['data-validation-length'] = 'max'+$input.attr('maxlength');
+              }
+
+              if( !SUPPORTS_DATALIST && $input.attr('list') ) {
+                var suggestions = [],
+                  $list = $('#'+$input.attr('list'));
+
+                $list.find('option').each(function() {
+                  suggestions.push($(this).text());
+                });
+
+                if( suggestions.length === 0 ) {
+                  // IE fix
+                  var opts = $.trim($('#'+$input.attr('list')).text()).split('\n');
+                  $.each(opts, function(i, option) {
+                    suggestions.push($.trim(option));
+                  });
+                }
+
+                $list.remove();
+
+                $.formUtils.suggest( $input, suggestions );
+              }
+
+              if ( isRequired && validation.length === 0 ) {
+                validation.push('required');
+              }
+
+              if( validation.length ) {
+                if( !isRequired ) {
+                  attrs['data-validation-optional'] = 'true';
+                }
+
+                foundHtml5Rule = true;
+
+                var validationRules = ($input.attr('data-validation') || '') +' '+ validation.join(' ');
+                $input.attr('data-validation', $.trim(validationRules));
+
+                $.each(attrs, function(attrName, attrVal) {
+                  $input.attr(attrName, attrVal);
+                });
+              }
+            });
+
+            if( foundHtml5Rule ) {
+              $f.trigger('html5ValidationAttrsFound');
+            }
+
+            if( !SUPPORTS_PLACEHOLDER ) {
+              $formInputs.filter('input[placeholder]').each(function() {
+                this.defaultValue = this.getAttribute('placeholder');
+                $(this)
+                  .bind('focus', function() {
+                    if(this.value === this.defaultValue) {
+                      this.value = '';
+                      $(this).removeClass('showing-placeholder');
+                    }
+                  })
+                  .bind('blur', function() {
+                    if($.trim(this.value) === '') {
+                      this.value = this.defaultValue;
+                      $(this).addClass('showing-placeholder');
+                    }
+                  });
+              });
+            }
+
+          });
+        };
+
+    $(window).bind('validatorsLoaded formValidationSetup', function(evt, $form) {
+        if( !$form ) {
+            $form = $('form');
+        }
+        setupValidationUsingHTML5Attr($form);
+    });
+
+    // Make this method available outside the module
+    $.formUtils.setupValidationUsingHTML5Attr = setupValidationUsingHTML5Attr;
+
+})(jQuery, window);

data/app/assets/javascripts/html5.js

@@ -0,0 +1,9 @@
+/**
+ *  JQUERY-FORM-VALIDATOR
+ *
+ *  @version 2.2.163
+ *  @website http://formvalidator.net/
+ *  @author Victor Jonsson, http://victorjonsson.se
+ *  @license MIT
+ */
+!function(a,b){"use strict";var c="placeholder"in document.createElement("INPUT"),d="options"in document.createElement("DATALIST"),e=!1,f=function(b){b.each(function(){var b=a(this),f=b.find("input,textarea,select"),g=!1;f.each(function(){var b=[],c=a(this),f=c.attr("required"),h={};switch((c.attr("type")||"").toLowerCase()){case"time":b.push("time"),a.formUtils.validators.validate_date||e||(e=!0,a.formUtils.loadModules("date"));break;case"url":b.push("url");break;case"email":b.push("email");break;case"date":b.push("date");break;case"number":b.push("number");var i=c.attr("max"),j=c.attr("min");(j||i)&&(j||(j="0"),i||(i="9007199254740992"),h["data-validation-allowing"]="range["+j+";"+i+"]",(0===j.indexOf("-")||0===i.indexOf("-"))&&(h["data-validation-allowing"]+=",negative"),(j.indexOf(".")>-1||i.indexOf(".")>-1)&&(h["data-validation-allowing"]+=",float"))}if(c.attr("pattern")&&(b.push("custom"),h["data-validation-regexp"]=c.attr("pattern")),c.attr("maxlength")&&(b.push("length"),h["data-validation-length"]="max"+c.attr("maxlength")),!d&&c.attr("list")){var k=[],l=a("#"+c.attr("list"));if(l.find("option").each(function(){k.push(a(this).text())}),0===k.length){var m=a.trim(a("#"+c.attr("list")).text()).split("\n");a.each(m,function(b,c){k.push(a.trim(c))})}l.remove(),a.formUtils.suggest(c,k)}if(f&&0===b.length&&b.push("required"),b.length){f||(h["data-validation-optional"]="true"),g=!0;var n=(c.attr("data-validation")||"")+" "+b.join(" ");c.attr("data-validation",a.trim(n)),a.each(h,function(a,b){c.attr(a,b)})}}),g&&b.trigger("html5ValidationAttrsFound"),c||f.filter("input[placeholder]").each(function(){this.defaultValue=this.getAttribute("placeholder"),a(this).bind("focus",function(){this.value===this.defaultValue&&(this.value="",a(this).removeClass("showing-placeholder"))}).bind("blur",function(){""===a.trim(this.value)&&(this.value=this.defaultValue,a(this).addClass("showing-placeholder"))})})})};a(b).bind("validatorsLoaded formValidationSetup",function(b,c){c||(c=a("form")),f(c)}),a.formUtils.setupValidationUsingHTML5Attr=f}(jQuery,window);