Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

não aparece a mensagen de erro

coloquei o required no input do E-mail mas não aparece a mensagem de erro, nem no campo E-mail, nem no campo do Nome

                <fieldset>
                    <legend>Seus Dados</legend>
                    <label for="nome">Nome</label>
                    <input id="nome" type="text" name="nome" required autofocus pattern="[A-Za-z ']{4,}" title="O nome deve ter pelo menos 4 caracteres">
                    <label for="email">E-mail</label>
                    <input id="email"  type="email" name="email" required>
                </fieldset>
2 respostas
solução!

Verifique se os campos se encontram dentro de um form, a validação só é feita se os campos estiverem dentro de um form.

<form>
    <fieldset>
                    <legend>Seus Dados</legend>
                    <label for="nome">Nome</label>
                    <input id="nome" type="text" name="nome" required autofocus pattern="[A-Za-z ']{4,}" title="O nome deve ter pelo menos 4 caracteres">
                    <label for="email">E-mail</label>
                    <input id="email"  type="email" name="email" required>
                </fieldset>
</form>

Muito obrigado o que estava acontecendo aqui era que eu tinha feito duas tags "form" uma para os campos de e-mail e assuntos e outra para a mensagem e o botão, quando retirei o segundo funcionou