Mostrar uma mensagem de erro para um input
4 participantes
Página 1 de 1
Mostrar uma mensagem de erro para um input
- Código:
function inputError(str, msg) {
var el = (document.getElementById(str.substring(1))|| document.getElementsByName(str)[0]);
if (typeof el === 'object') {
el.blur();el.style.backgroundColor = 'rgb(255, 174, 174)';
el.value = msg;setTimeout(function () {el.value = '';}, 500);
el.setAttribute('placeholder', msg);
el.addEventListener("focus", function () {
this.setAttribute("placeholder", "");
this.style.backgroundColor = '#fff';
this.removeEventListener("focus");
});
}
}
- Código:
inputError('#main_search', 'este campo está com erro')
- Código:
inputError('description', 'este campo está com erro')
joelson0007- Moderadores
- Time Online : 28d 21h 58m 5s
Mensagens : 373
Data de inscrição : 15/06/2013
Localização : Guarapuava-PR
Re: Mostrar uma mensagem de erro para um input
Perfeito, só achei o nome da função um pouco esquisito, poderia ser apenas input() ou inputEx()...
JS
JS
Re: Mostrar uma mensagem de erro para um input
Dependendo da maneira, parece que a função vai colocar um erro num input
joelson0007- Moderadores
- Time Online : 28d 21h 58m 5s
Mensagens : 373
Data de inscrição : 15/06/2013
Localização : Guarapuava-PR
Re: Mostrar uma mensagem de erro para um input
hummm, então deixa ver se eu entendi direito: Isso é uma função para placeholder ?
Eu pensei de início que era pra detectar algum erro no input...
JS
Eu pensei de início que era pra detectar algum erro no input...
JS
Re: Mostrar uma mensagem de erro para um input
é eu uso o placeholder para mostrar uma mensagem de erro e trabalho com o focus, para quando o usuário clicar, voltar o input ao normal.
Acho que dá pra fazer mais alguns ajustes, mas eu gostei do efeito final.
Acho que dá pra fazer mais alguns ajustes, mas eu gostei do efeito final.
joelson0007- Moderadores
- Time Online : 28d 21h 58m 5s
Mensagens : 373
Data de inscrição : 15/06/2013
Localização : Guarapuava-PR
Re: Mostrar uma mensagem de erro para um input
humm, entendi melhor, é verdade que fica um efeito muito bom mesmo!
Vamos fazer mais testes ai...
Curti!
JS
Vamos fazer mais testes ai...
Curti!
JS
Re: Mostrar uma mensagem de erro para um input
Perfeito, dias atrás estava querendo saber como faria para editar algo no placeholder..
Tópicos semelhantes
» Erro com ChatBox para visitantes
» Ocultar/Mostrar categorias!
» Mostrar o Widget somente no índice!
» Ocultar/Mostrar categorias!
» Mostrar o Widget somente no índice!
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|