Bloquear a saída do cursor do campo ate preenche-lo

Bloquear a saída do cursor até que seja preenchido algo

HTML

<div class="bloco">
    <label>Nome</label>
    <input type="text" class="nome">
</div>
<div class="bloco">
    <label>SobreNome</label>
    <input type="text" class="sobrenome">
</div>

CSS

.bloco {
    float:left;
    margin: 10px;
}

JavaScript

$('.nome').on('focusout', function(){
    if( $(this).val().length<3){
  
     $(this).focus();
    }
        
   
})