JSFiddle - React, Tailwind, and code Playground

by StepBaro

HTML

<div id="SearchBox">
  <input type="text" name="search" id="txtSearch" class="box" size="25" autocomplete="off" maxlength="70">
  <button alt="Cerca!" title="Ricerca veloce">CERCA</button>
</div>

JavaScript

$("#SearchBox button").click(function() {
  if ($.trim($('#txtSearch').val()).length < 3) {
    alert('Inserire almeno tre caratteri');
    return false;
  } else {
    $(this).prop('disabled', true);
    setTimeout(function() {
      $("#SearchBox button").prop('disabled', false);
    }, 3000);
  }
});