JSFiddle - React, Tailwind, and code Playground

HTML

<input id="textbox1"/>
<a href="#" id="tester1">test1</a>
<br />
<input id="textbox2"/>
<a href="#" id="tester2">test2</a>

<div class="col-md-12"><table class="issue_value_rate_table"><tbody><tr><td class="txt_center_issue_label" colspan="2"><b>aa</b></td></tr><tr><td>1</td><td><input id="0" min="0" max="100" class="form-control test_0 issue_value_rate_box aa_0" value="100" readonly="true" type="number"></td></tr><tr><td>2</td><td><input id="1" min="0" max="100" class="form-control test_1 issue_value_rate_box aa_0" value="" type="number"></td></tr><tr><td>3</td><td><input id="2" min="0" max="100" class="form-control test_2 issue_value_rate_box aa_0" value="" type="number"></td></tr><tr><td>4</td><td><input id="3" min="0" max="100" class="form-control test_3 issue_value_rate_box aa_0" value="" type="number"></td></tr><tr><td>5</td><td><input id="4" min="0" max="100" class="form-control test_4 issue_value_rate_box aa_0" value="" type="number"></td></tr><tr><td>6</td><td><input id="5" min="0" max="100" class="form-control test_5 issue_value_rate_box aa_0" value="0" readonly="true" type="number"></td></tr></tbody></table></div>

JavaScript

$("#textbox1").blur(function () {

    $('body').append('focused on textbox');

        if($("#textbox1").val() == "" ) {

            alert('stop');
            
            $("#textbox1").focus(); 
            
            return false;

        }

    });

$('.issue_value_rate_box').blur(function (e)
    {
        var ele = $(this).attr('id').trim();
        var value_of_rate = $(this).val().trim();

      el = $(this);
                
      
        if(!value_of_rate){
          
                    el.trigger('focus')
          
          e.preventDefault();
            
        }
    });