O código a seguir, vai permitir no mínimo 2 caracteres e máximo 20 caracteres e não permitir em branco:
<input type="text" name="nome" placeholder="Nome" pattern="^[a-zA-Z][a-zA-Z0-9-_\.]{1,20}$" required>
Caso você não queira com número (apenas letras):
<input type="text" name="nome" placeholder="Nome" pattern="^[a-zA-Z][a-zA-Z-_\.]{1,20}$" required>
Permitir no mínimo 4 caracteres:
<input type="text" name="nome" placeholder="Nome" pattern="^[a-zA-Z][a-zA-Z-_\.]{3,20}$" required>
Veja algumas explicações:
^
- Afirma posição no início da seqüência de caracteres.
$
- Afirma posição no final da seqüência de caracteres, ou antes do terminador de linha direito no final da seqüência de caracteres (se houver).
-_
- corresponde a um único caractere na lista -_ (diferencia maiúsculas de minúsculas).
{1,20}
- Quantificador - Corresponde entre 1 e 20 vezes, tantas vezes quanto possível, devolvendo conforme necessário.
a-z
- um caractere único no intervalo entre um (ASCII 97) e z (ASCII 122) (sensível a maiúsculas e minúsculas).
A-Z
- um caractere único na faixa entre A (ASCII 65) e Z (ASCII 90) (sensível a maiúsculas e minúsculas).
Veja mais exemplos aqui: http://html5pattern.com/Names.
jsfiddle: https://jsfiddle.net/bLg24qog/5/
regex101 : https://regex101.com/r/iCXgjf/2