Publicado em 22 de nov.

Aparecer o titulo mesmo com input invalido

#css #desenvolvimento-frontend #input #label

Ola Pessoal,

Seguinte, eu tenho um campo (input) que quando passo o mouse, ele sobe o "nome" do input. Até funciona corretamenta... Quando utilizo type="text" funciona corretamente pois ele considera tudo valido a partir de qualquer preenchimento...

Agora, quando utilizo por exemplo type="email", e não preencho com aa@a., e saiu antes de colocar um email valido, o nome de cima some... ae vêem minha luta desde terça feira...

.se-form-element input:valid + label {

 top: -40px;
 color: black;
 font-size: 10px;
}

	Assim, ele funciona corretamente quando valido...

	 

	Agora.... quando esta invalido porém ainda preencheu, é isso que preciso resolver...

	 

	Segue o link para visualizar melhor (preencha um email invalido e saia do campo): [Exemplo](http://www.pretechmobile.com/templates/form/)

Discussão (3)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Jhess· 22 de nov.

Sem código fica meio difícil, mas já tentou criar uma classe de validação do e-mail, rascunho de lógica:

SE email É VÁLIDO = SOME

SE email NÃO É VÁLIDO = FICA

Veja esse exemplo: Aqui

Código:

function IsEmail(email){
    var exclude=/[^@-.w]|^[_@.-]|[._-]{2}|[@.]{2}|(@)[^@]*1/;
    var check=/@[w-]+./;
    var checkend=/.[a-zA-Z]{2,3}$/;
    if(((email.search(exclude) != -1)||(email.search(check)) == -1)||(email.search(checkend) == -1)){
 return false; //Aqui você programa pra o nome não sumir
 }
    else {
 return true; //E aqui pra ficar
 }
}

	Espero que ajude.

Luccas Gaulia· 22 de nov.

Pessoal,

Algo tipo esse... mas não seria visited... uma função (tipo hover) mas quando preenche-se qualquer valor ficar fixo...

input:visited + label

input:NÃO SEI + label

Bem, a coisa é tão simples se tivesse uma função no css que não precisaria de mais nada...

Luccas Gaulia· 22 de nov.

A validação eu tenho.... já fiz... verifica no link...

O que eu quero é que o nome suba e FIQUE, mesmo invalido... pois valido ele fixa...

Assim ele fixa... mas quando não é valido, pois o usuario parou de preencher o campo email, ele some...

E não quero colocar o "invalid" pois assim ficar SEMPRE aparecendo e não é a ideia

input:valid + label