JSFiddle - React, Tailwind, and code Playground

by gabrieleromanato

HTML

<form action="#" method="post">
    <div>
        <input type="text" name="num" id="num" />
        <input type="submit" value="Send" />
    </div>
</form>

JavaScript

(function($) {
    $.fn.numeric = function(options) {
        
        var that = this;
        options = $.extend({
            success: function() {},
            error: function() {}
        }, options);
        
        return that.each(function() {
    $(that).keydown(function(event){
        if( event.keyCode == 46 || event.keyCode == 8 || (event.keyCode < 41 && event.keyCode > 36) || (event.keyCode < 58 && event.keyCode > 47) || (event.keyCode < 106 && event.keyCode > 94) ){
            
            options.success();
        } else {
         
            options.error();                
            
        }
        
    });
                     
                     });
        
        
    };
    
    
})(jQuery);

$('#num').numeric({
    success: function() {
        alert('Number');
    },
    error: function() {
        
        alert('NaN');
        
    }});