Como faz para personalizar a menssagem no navegador paar o campo "required" com js

eu que fazer um formulario de login que vai mostrar uma menssagem diferente se o usuario não existir ou se a senha for invalida.

form class="form">

            <a id="nomeUsuarioSenhaErrados" class="nomeUsuarioSenhaErrados">nome de usuariou senha errados</a>

            <label class="label">Login:</label>
            <input id="nomeUsuario"  class="enviar" placeholder="Nome de usuário" required autofocus>


            <label class="label">Senha:</label>
            <input id="senha" class="enviar" placeholder="Senha" required >

        <button type="submit" id="botao-login">Login</button>
    </form>