Add support for contenteditable tags (#230)

niceue · May 9, 2016 · 535fbfa · 535fbfa
1 parent 67b5b3f
commit 535fbfa
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/src/jquery.validator.js b/src/jquery.validator.js
@@ -237,7 +237,7 @@
         return ( name === 'input' && !({submit: 1, button: 1, reset: 1, image: 1})[elem.type] ||
                  name === 'select' ||
                  name === 'textarea' ) &&
-               elem.disabled === false;
+               elem.disabled === false || elem.getAttribute('contenteditable') !== null;
     };
 
     // any value, but not only whitespace
@@ -1242,12 +1242,12 @@
         _getMsgDOM: function(el, msgOpt) {
             var $el = $(el), $msgbox, datafor, tgt, container;
 
-            if ( $el.is(':input') ) {
+            if ( $el.is(INPUT_SELECTOR) ) {
                 tgt = msgOpt.target || attr(el, DATA_TARGET);
                 if (tgt) {
                     tgt = isFunction(tgt) ? tgt.call(this, el) : this.$el.find(tgt);
                     if (tgt.length) {
-                        if ( tgt.is(':input') ) {
+                        if ( tgt.is(INPUT_SELECTOR) ) {
                             el = tgt.get(0);
                         } else if ( tgt.hasClass(CLS_MSG_BOX) ) {
                             $msgbox = tgt;
@@ -1498,11 +1498,14 @@
      */
     function _FieldFactory(context) {
         function FieldValue() {
+            this._valHandler = function() {
+                return this.element.getAttribute('contenteditable') !== null ? 'text' : 'val';
+            };
             this.getValue = function() {
-                return $(this.element).val();
+                return $(this.element)[this._valHandler()]();
             };
             this.setValue = function(value) {
-                $(this.element).val(this.value = value);
+                $(this.element)[this._valHandler()](this.value = value);
             };
         }
         function Field(key) {

diff --git a/src/themes/base.styl b/src/themes/base.styl
@@ -36,7 +36,7 @@ inline-block() {
     inline-block();
 }
 .nice-validator {
-    input, select, textarea {
+    input, select, textarea, [contenteditable] {
         @extend .n-inline-block
     }
     .msg-container {