Properly add novalidate to forms

Author: bakura10

addon/components/validatable-form.js

@@ -14,9 +14,9 @@ export default Ember.Component.extend({
   /**
    * Prevent the built-in browser navigation error messages to pop up
    *
-   * @type {boolean}
+   * @type {string}
    */
-  novalidate: true,
+  novalidate: 'novalidate',
 
   /**
    * Optional Ember-Data model from where to fetch server-side errors

addon/mixins/validatable-input.js

@@ -79,14 +79,14 @@ export default Ember.Mixin.create({
    * @returns {void}
    */
   attachValidationListener: function() {
-    Ember.$(this.get('element')).on('invalid', Ember.run.bind(this, this.validate));
+    Ember.$(this.get('element')).on('invalid focusout', Ember.run.bind(this, this.validate));
   }.on('didInsertElement'),
 
   /**
    * @returns {void}
    */
   detachValidationListener: function() {
-    Ember.$(this.get('element')).off('invalid');
+    Ember.$(this.get('element')).off('invalid focusout');
   }.on('willDestroyElement'),
 
   /**
@@ -108,7 +108,7 @@ export default Ember.Mixin.create({
       this.set('errorMessage', null);
       input.setCustomValidity('');
     }
-  }.on('focusOut'),
+  },
 
   /**
    * Set a custom error message for the input. Note that we set the error message directly, as well as we