jQuery addClass example

Change class name on click in jQuery

by prasad raja

HTML

<input type="number" class="range-enforced" min="1" max="100" />
<div class="warning" style="display: none;"></div>

JavaScript

$('.range-enforced').on('change', function(e){
  var min=parseFloat($(this).attr('min'));
  var max=parseFloat($(this).attr('max'));
  var curr=parseFloat($(this).val());
  if (curr > max) { 
  $(this).val(max); 
  var changed=true; 
  }
  if (curr < min) { 
  $(this).val(min); 
  var changed=true; }
  if (changed) {
    $warning = $(this).siblings('.warning')
    $warning.text('Only ' + min + ' through ' + max + ' allowed');
    $warning.show()
    $warning.fadeOut(2500);
  }
});