JSFiddle - React, Tailwind, and code Playground

by gionaf

HTML

<input type="text" name="part1" id="part1 tabIndex="1"  > 
<input type="text" name="part2" id="part2 tabIndex="2" disabled="disabled" > 
<input type="text" name="part3" id="part3 tabIndex="3"  disabled="disabled" >

JavaScript

$('input[type=text][name^=part]').on('blur',function(){
    var el = $(this);
    var elNext = el.next('input[type=text][name^=part]');
    if(el.val()!=''){
        elNext.removeAttr('disabled');
    }else{
        elNext.attr('disabled',true);
    }
});