Вы можете использовать
pattern="[\w.-]{3,}"
Вам не нужны никакие якоря в HTML5 pattern attribute как они подразумеваются по умолчанию.
Язык регулярных выражений, используемый для этого атрибута является таким же, как используется в JavaScript, за исключением того, что атрибут модели сопоставляются с полной стоимостью, а не только любым подмножества (несколько, как будто это подразумевает ^(?:
в начале рисунка и )$
в конце).
[\w.-]{3,}
шаблон соответствует 3 или более ({3,}
) символы, которые являются либо ASCII-буквы/цифры/подчеркивания, точка или дефис.