Valida campo no segundo

Sherlock · Dezembro 31, 2007

Olá galera do ScriptBrasil .. estava procurando sanar minha dúvida e encontrei o Fórum do ScriptBrasil, fui me cadastrar no Fórum e logo de cara o que eu estava procurando, quando se registra os campos vão validando automaticamente, se o valor esta correto fica verde, se errado fica vermelho ..

Estou aprendendo aos poucos o JavaScript e gostaria que alguém me ajudasse a fazer algo parecido como desse site: http://intelligence-test.net/part1/ .. justamente o que tem no registro do Fórum .. se alguém puder me ajudar agradeceria, só que o que quero fazer é com livros, se algué mquiser mais detalhes me adicione em rafaelnewhouse@homtail.com

Desde já agradeço!

Beraldo · Dezembro 31, 2007

Primeiramente, bem-vindo ao fórum! :D

Basta chamar a função JavaScript no evento adequado. No registro do fórum, a função é chamada quando o campo perde o foco, ou seja, no evento onblur. No formulário do link que você postou, a função é executada ao pressionar uma tecla: onkeypress.

Por exemplo:

<input type="text" name="campo1" id="campo1" onblur="VerificaValor()" />

No registro do fórum, a verificação é no banco de dados, então é usado Ajax. Nesse caso, é um pouco mais complexa a forma de se criar as funções. Mas a forma de chamar a função JavaScript é a mesma.

Sherlock · Dezembro 31, 2007

Primeiramente, bem-vindo ao fórum! :D
Basta chamar a função JavaScript no evento adequado. No registro do fórum, a função é chamada quando o campo perde o foco, ou seja, no evento onblur. No formulário do link que você postou, a função é executada ao pressionar uma tecla: onkeypress.
Por exemplo:
<input type="text" name="campo1" id="campo1" onblur="VerificaValor()" />
No registro do fórum, a verificação é no banco de dados, então é usado Ajax. Nesse caso, é um pouco mais complexa a forma de se criar as funções. Mas a forma de chamar a função JavaScript é a mesma.

Ola Beraldo! Obrigado pela saudação .. Ali naquele formulário no código é assim:

<input id="q1" onkeyup="java script: checkQ('q1')" type="text">

E depois la no JavaScript tem isso aqui:

answer1 = "tralalala";
q = new Array();

q['q1'] = '5dda71c3616202891f051e0777fe776e3585089f';
q['q2'] = 'fa07ed0c99e7cd5ea70d94e36c9fd362a1ad358b';
q['q3'] = '3f3d7df474b0247041adb1865a36dfa3998bc6b5';
q['q4'] = 'ec88dada0b9db28efb1fc371f59623bff652aae6';
q['q5'] = '03e58e0d002460a017cf6bbc433f7b17b8142065';
q['q6'] = 'dafb2089ee7ee4dee74cb3bece1105ee62497e54';
q['q7'] = '20c5b4b83b4875cbe10bce5a80630863616e6446';
...

Só que não sei exatamente como se faz isso .. por isso vim aqui fazer um apelo, se alguém conseguiria me ajudar a fazer algo do genero, mas que os usuarios não obtivessem a resposta .. realmente ficaria imensamente grato .. meu MSN esta acima ara quem quiser ajuda ..

Abraço

Beraldo · Dezembro 31, 2007

teste este código. altere o valor do campo para vazio ('') ou valor ('valor') - sem aspas. Isso gerará uma mensagem de erro. Quaisquer outros valores são permitidos.

A função é chamada no onblur

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
function Validar(campo)
{
    if (campo == '' || campo == 'valor')
    {
        alert("Preencha corretamente");
    }
}
</script>
<title>Teste</title>
</head>
<body>
<form action="">
<input type="text" name="campo1" id="campo1" value="valor" onblur="Validar(this.value)" />
</form>
</body>
</html>

É mais ou menos assim que você faz as validações.

Sherlock · Dezembro 31, 2007

Obrigado pela ajuda Beraldo .. se alguém mais se interessar em me ajudar minuciosamente me adicione no MSN

Entrar

Valida campo no segundo

Pergunta

Sherlock

Link para o comentário

Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

Beraldo

Link para o comentário

Compartilhar em outros sites

Sherlock

Link para o comentário

Compartilhar em outros sites

Beraldo

Link para o comentário

Compartilhar em outros sites

Sherlock

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades