Aparecer o titulo mesmo com input invalido

[Luccas Gaulia 1]

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

[Jhess 46]

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 1]

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 1]

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