JSFiddle - React, Tailwind, and code Playground
HTML
<body>
<div class="input-bl cf" data="100">
<span>от</span>
<input id="min_val0" class="min" type="text" value="0" data="0" name="min_value">
<span>до</span>
<input id="max_val0" class="max" type="text" value="53090" data="53090" name="max_value">
</div>
</body>
JavaScript
$('input').on({
blur: function(){$this = $(this); actInp($this)},
keydown: function(e){if(e.which==13){$this = $(this); actInp($this);}}
});
function actInp(el) {
var maxVal=el.closest('.input-bl').find('.max').attr('data');parseInt(maxVal, 10);
var minVal=el.closest('.input-bl').find('.min').attr('data');parseInt(minVal, 10);
sbl = el.closest('.input-bl').find('input').not(el).val();
curr = el.val();
//parseInt(sbl, 10);parseInt(curr, 10);
console.log(sbl);console.log(curr);
if(sbl<0){sbl=0;};if(curr<0){curr=0;}
if($.isNumeric(curr) && $.isNumeric(sbl)){
if(el.attr('class')=='min'){
console.log('min');
//parseInt(sbl);
//parseInt(curr);
console.log('sbl-'+sbl);console.log('curr-'+curr);
(curr>sbl) ? curr=sbl : console.log('here');
//actVal(curr,sbl,el);
return false;
}
else if(el.attr('class')=='max'){
if(curr<sbl){curr=sbl;}
//actVal(sbl,curr,el);
return false;
}
}
else{//actVal(minVal,maxVal,el);return false;
}
}