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

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

by Angelo Rogério Rubin

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(){
    var nome = $(this);
    var tamanho = $(this).val().length;
    if(tamanho >= 3)
    {
        alert('Campo preenchido corretamente.');
    }
    else
    {
        setTimeout(function(){
            $(nome).focus();
        }, 0);
    }    
})