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.
1º Crie um banco de dados qualquer.
Em um tabela coloque o campo mail e adicione alguns registros nele, somente para testes.
2º 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 %>
3º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.