2
respostas

a validação minlength no input nome não funcionou

Só não funcionou a validação do campo nome, o resto funcionou normalmente

        <fieldset class="formulario__campo">
            <label class="campo__etiqueta" for="nome">Nome</label>
            <input name="nome" id="nome" class="campo__escrita" type="text" minlength="3"/>
            <span class="mensagem-erro"></span>
        </fieldset>

        <fieldset class="formulario__campo">
            <label class="campo__etiqueta" for="email">E-mail</label>
            <input name="email" id="email" class="campo__escrita" type="email" minlength="5"/>
            <span class="mensagem-erro"></span>
        </fieldset>
        <fieldset class="formulario__campo">
            <label class="campo__etiqueta" for="rg">RG</label>
            <input name="rg" id="rg" class="campo__escrita campo__escrita--menor" type="text"/>
            <span class="mensagem-erro"></span>
        </fieldset>
        <fieldset class="formulario__campo">
            <label class="campo__etiqueta" for="cpf">CPF (apenas números)</label>
            <input name="cpf" id="cpf" class="campo__escrita campo__escrita--menor" required type="text" minlength="11" maxlength="14"/>
            <span class="mensagem-erro"></span>
        </fieldset>
        <fieldset class="formulario__campo">
            <label class="campo__etiqueta" for="aniversario">Data de nascimento</label>
            <input name="aniversario" id="aniversario" class="campo__escrita campo__escrita--menor" type="date"/>
            <span class="mensagem-erro"></span>
        </fieldset>
        <fieldset class="formulario__termos">
            <input name="termos" class="termos__input" type="checkbox">
            <p class="termos__texto">Li e estou ciente quanto às condições de tratamento dos meus dados conforme
                descrito na Política
                de
                Privacidade do banco.</p>
            <span class="mensagem-erro"></span>
        </fieldset>
2 respostas

Nathalia, eu testei aqui e deu certo, porem eu englobei as tags fieldset dentro da tag form.

Codigo do formulario que a nathalia enviou

<form>
<fieldset class="formulario__campo">
            <label class="campo__etiqueta" for="nome">Nome</label>
            <input name="nome" id="nome" class="campo__escrita" type="text" minlength="3"/>
            <span class="mensagem-erro"></span>
        </fieldset>

        <fieldset class="formulario__campo">
            <label class="campo__etiqueta" for="email">E-mail</label>
            <input name="email" id="email" class="campo__escrita" type="email" minlength="5"/>
            <span class="mensagem-erro"></span>
        </fieldset>
        <fieldset class="formulario__campo">
            <label class="campo__etiqueta" for="rg">RG</label>
            <input name="rg" id="rg" class="campo__escrita campo__escrita--menor" type="text"/>
            <span class="mensagem-erro"></span>
        </fieldset>
        <fieldset class="formulario__campo">
            <label class="campo__etiqueta" for="cpf">CPF (apenas números)</label>
            <input name="cpf" id="cpf" class="campo__escrita campo__escrita--menor" required type="text" minlength="11" maxlength="14"/>
            <span class="mensagem-erro"></span>
        </fieldset>
        <fieldset class="formulario__campo">
            <label class="campo__etiqueta" for="aniversario">Data de nascimento</label>
            <input name="aniversario" id="aniversario" class="campo__escrita campo__escrita--menor" type="date"/>
            <span class="mensagem-erro"></span>
        </fieldset>
        <fieldset class="formulario__termos">
            <input name="termos" class="termos__input" type="checkbox">
            <p class="termos__texto">Li e estou ciente quanto às condições de tratamento dos meus dados conforme
                descrito na Política
                de
                Privacidade do banco.</p>
            <span class="mensagem-erro"></span>
        </fieldset>
        <button>enviar</button>
</form>

a tag button so coloquei para testar a validacao.

uma observação você so consegue verificar depois de click no botao enviar