Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Pattern não define os caracteres e nem limita o numero minimo

Olá, o pattern do input do label "nome" não está limitando o número minimo de caracteres que é 4 e nem o tipo de caracteres (a-z, A-Z, espaço e apostrofe). O imput aceita qualquer coisa. Qual o erro?

<form>
                <fieldset>
                    <legend>Dados Pessoais:</legend>
                    <label for="nome">Nome:</label>
                    <input id="nome" type="text" name="nome" 
                        placeholder="Sou nome aqui" pattern="[A-Za-Z ']{4,}" 
                        title="O nome precisa ter mais de 4 carateres" 
                        autofocus required>
                    <label for="email">E-mail:</label>
                    <input id="email" name="e-mail" placeholder="seu@email.com.br" type="email" required>
                </fieldset>

                <fieldset>
                    <legend>Assunto:</legend>
                    <label for="consultoria">
                        <input type="radio" id="consultoria" name="assunto" value="consult">
                        Consultoria
                    </label>
                    <label for="blog">
                        <input type="radio" id="blog" name="assunto" value="blog">
                        Blog
                    </label>
                    <fieldset>
                        <input type="radio" id="outro" name="assunto" value="outro">
                        <label for="outro">Outro</label>
                        <input type="text" name="outro-assunto">
                    </fieldset>
                    <label for="msg">Mensagem</label>
                    <textarea id="msg" name="mensagem" cols="30" rows="6"></textarea>
                </fieldset>

                <button type="submit">Enviar <strong>para mim</strong></button>
            </form> 
1 resposta
solução!

Olá Guilherme, tudo bem?

Para pegar o espaço existe uma classe de char na RegEx, que é o : \s+. Logo, sua pattern ficará assim: [A-Za-z'\s+]{4,}.

Teste e diga se funcionou. Espero ter ajudado!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software