title: enable button after actual input entered
body: <p>How  to enabled button, when the actual amount entered</p>
  <p>lets say i have 100 minimum and 200 maximum</p>
  <p>i want when user enters amount below 100 error comes actual amount needed and button reamins dsiabled</p>
  <p>when user enters more than 200 do the same echo error</p>
  <p>user has to enter 100 and above but not exceed maximum</p>
  <pre><code> &lt;form method=&quot;post&quot;&gt;
  &lt;input type=&quot;text&quot; id=&quot;Textfield&quot;&gt;
  &lt;button type=&quot;submit&quot; class=&quot;disabledButton&quot; disabled&gt;Submit&lt;/button&gt;
  &lt;p id=&quot;error&quot;&gt;&lt;/p&gt;
  &lt;/form&gt;
  
  &lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js&quot;&gt;&lt;/script&gt; 
  &lt;script&gt;
  $('#Textfield').keyup(function(){
       var textBox = $('#Textfield').val();
       if((textBox &gt;= 100) || (textBox &lt;= 200) ){
         $('.disabledButton').prop(&quot;disabled&quot;, false);
       } else {
       $('#error').text('actual amount needed');
          return false;
      }
  });
  &lt;/script&gt;
  </code></pre>