JSFiddle - React, Tailwind, and code Playground

by luisteixeira

HTML

<b>Testar formato de acordo com o regex expecificado</b>
<br> Decimal: /^\-1?$|^([0-9])*[.]?[0-9]{0,2}$/
<br> Integer: /^\-?\d*$/
<br> Alphanumeric: /^[a-zA-Z\s\d]*$/
<br>
<br>
<input id="amount" maxlength="20" type="text" />

JavaScript

// Format Decimal,Integer e Alphanumeric
$("#amount").on("keyup", function() {
  var valid = /^\-1?$|^([0-9])*[.]?[0-9]{0,2}$/.test(this.value),
    val = this.value;
  if (!valid) {
    if (isNaN(arguments[0].key) || arguments[0].key == ' ') {
      var str = val.substring(0, val.indexOf(arguments[0].key));
      var str1 = val.substring(val.indexOf(arguments[0].key) + 1, val.length);
      this.value = str + '' + str1;
    } else {
      this.value = val.substring(0, val.length - 1);
    }
  }
});