Jump to content


Photo

Validação De Formulário


  • This topic is locked This topic is locked
Nenhuma resposta neste tópico

#1 siola

siola

    Usuário

  • Usuários
  • 894 posts
  • Sexo:Masculino
  • Localidade:SBC - SP
  • Interesses:ASP, .NET, javascript

Posted 27/02/2006, 01:17

Olá,

Este é um exemplo básico de como fazer um validação de formulário antes do usuario enviar o formulário completo, assim você já o avisa sobre os erros no preenchimento.
Neste exemplo ele mostra pro usuario se o email que ele colocou no formulário já esta registrado.


Crie um banco de dados qualquer.
Em um tabela coloque o campo mail e adicione alguns registros nele, somente para testes.


Depois crie um página ASP que faça na tabela uma busca pelo valor enviado no formulário, como você faria em qualquer outro código.


Exemplo: verifica.asp
<% Set Conexao = CreateObject("ADODB.CONNECTION")
conStr ="DRIVER={Microsoft Access Driver (*.mdb)}; DBQ=" & server.MapPath("bancodedados")
Conexao.Open ConStr

mail=request("mail")
Set rs = Conexao.Execute("SELECT mail FROM tabela WHERE mail='"&mail&"'")
If  rs.EOF Then
Response.Write "<font color=green>Ok</font>"
Else
Response.Write "<font color=red>Escolha outro email</font>"
End If
Conexao.Close %>



Agora vem a página do formulário, é nesta página que a "magica" acontece.


Exemplo: form.asp
<script type="text/javascript" language="javascript">
    var http_request = false;
    function testarMail(mail) {
        http_request = false;
        if (window.XMLHttpRequest) { 
            http_request = new XMLHttpRequest();
            if (http_request.overrideMimeType) {
                http_request.overrideMimeType('text/xml');
            }
        } else if (window.ActiveXObject) {
            try {
                http_request = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e) {
                try {
                    http_request = new ActiveXObject("Microsoft.XMLHTTP");
                } catch (e) {}
            }
        }

        if (!http_request) {
            alert('Erro.');
            return false;
        }
        http_request.onreadystatechange = resultado;
        http_request.open('GET', mail, true);
        http_request.send(null);

    }

    function resultado() {

        if (http_request.readyState == 4) {
            if (http_request.status == 200) {

                      document.getElementById("verificaemail").innerHTML =  http_request.responseText;


            } else {
                alert('Ocorreu um erro.');
            }
        }

    }

</script>


<form>
Nome: <input type="text" id="nome" name="nome" size="20"><BR>
E-mail: <input type="text" id="mail" name="mail" size="20" onKeyUp="testarMail('verifica.asp?mail='+document.getElementById('mail').value);return false;">
<SPAN id="verificaemail"></SPAN><BR>
Idade: <input type="text" id="idade" name="idade" size="20"> 
</form>


Pronto! Bem facil não? :)



Agora é só inventar mais coisas, dá pra fazer muita coisa com isso ai! ;)


Segue anexado os arquivos com o banco de dados ;)


[]s
Felipe Siola


----------------------
Para uma maior organização desta seção, todas as duvidas relacionadas a este tutorial devem ser tiradas na seguinte sala:-
http://forum.wmonlin...p?showforum=113

Attached Files


Edição feita por: Generation, 04/03/2006, 23:05.





1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq