JSFiddle - React, Tailwind, and code Playground

by neonms92

HTML

<input type="text"></input>

JavaScript

var me = $('input');
me.data('__previousValue', me.val());
me.on('revert', function() {
    me.val(me.data('__previousValue'));
});
me.on('keydown', function(e) {
    debugger;
    if ('\t' === e.which) {
        alert('tab match');
    }
    if (e.which === 27) {
        me.trigger('revert');
    }
});
me.data('checkCharacter', function(char) {
    var bad = char === '\t'
        || char === ' ';
    return !bad;
});
me.data('localScript', function() {
    alert('New Value is: ' + me.val());
});
me.data('checkString', function(newValue) {
    if (newValue.length > 3) {
        return true;
    } else {
        alert('Value must be greater than 4 characters');
        return false;
    }
});
me.on('change._check', function() {
    var newValue = me.val();
    if (me.data('checkScript')(newValue)) {
        me.data('__previousValue', newValue);
        me.data('localScript')();
    } else {
        me.select();
    }
});