Validar con expresiones regulares en HTML

Soy nuevo en este tema y estoy tratando de hacer que un formulario web me valide el campo USUARIO con la siguiente expresión regular : ^[A-Za-z]+[.]+[A-Za-z] y la contraseña con esta otra ^(?=\w*\d)(?=\w*[A-Z])(?=\w*[a-z])\S{8,16}$. 

Pero no logro encontrar algún ejemplo en el que haciendo clic en un botón se validen los datos que contienen esos cuadros de texto.