Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal,eu tenho 4 duvidas:
1 - Eu tenho 3 classes css que alteram o background-color,um verde,um vermelho e outro azul, como eu faria pra validar uma caixa de texto,e tipo,quando ela receber foco com javascript chamar a classe css que deixa azul,caso a validação de erro chamar a classe css pra deixar vermelho e caso a validação de certo chamar a classe css pra deixar verde?
2 - Seguindo a pergunta acima,caso de erro a caixa vai ficar com fundo vermelho,como eu faria com js caso ela ficasse vermelha se o usuario pasar o mouse em cima mostrar um hint informando o problema?
3 - Tem algum site pra converter codigo javascript pra codigo jquery?
4 - Eu utilizo asp.net e nesse caso tem tags <asp:> que tem propriedades diferentes dos <inputs> html,como eu faço pra mexer com javascript nesse caso? por exemplo,no aspx o campo nome possui a propriedade text que equivale a propriedade value do input html,como eu trabalho com javascript em tags desse tipo?
Valeu.
Complementando o post do nosso amigo proust.
Seguinte, o javascript ele roda no server side correto ? o aspnet ele roda no lado do servidor, ele interpreta os códigos do aspnet e retorna um HTML para o browser poder interpretar, e é ali que o javascript entra.
Eu não mexo com o aspnet , mas sei la uma tag "isso é um chute pq num sei as sintaxes do .net" <aspx:text> provavelmente ele retorna um <input>, portanto você pode ver o que ele retorna no código HTML e trabalhe em cima desse retorno saca ?
Os elementos em HTML tem eventos que você pode usar códigos javascript para mudar o comportamento dele ou de outros elementos da pagina, por exemplo , nessas validações que você quer fazer do seu formulário, você teria q usar eventos que você com certeza ja leu, "onfocus" quando receber foco, "onchange" quando perder o foco. Para você fazer a validação com o consulta ao banco, você terá que usar ajax, que é um script meio que receita de bolo escrito em javascript que não é nada mais que um código que consulta algum programa seu, no seu caso em aspnet rodando no servidor, onde esse seu asp vai ao banco e faz a consulta e retorna uma String (texto) ou um XML pro seu javascript e com esse retorno você manipula o seus elementos no HTML.
Bem, essa é a teoria da coisa, vou te postar uns links aqui na pratica e coisas caso você queria se aprofundar no assunto.
Esses primeiros links são para caso você queira se aprofundar em java script:
Exempo de código em ajax:
http://portugalcode.com/index.php?topic=181.0
Referências legais de java script:
http://www.howtocreate.co.uk/tutorials/javascript/ <-- ótima referência, porém em inglês;
http://elcio.com.br/crossbrowser/#7
http://www.mxstudio.com.br/categoria/javascript/
Esses códigos aqui é caso você tenha pressa em fazer o que você quer sem sem aprofundar em java script:
Exemplo que você quer, utilizando framework de javascript + aspnet
http://ashishware.com/ASPValid.shtml
vários exemplos de validação com varias linguagens e java script:
http://the.blog.br/2008/03/13/100-excelent...s-a-formulario/
referência sobre jquery, uma framework em js muito usada.
http://www.desenvolvimentoparaweb.com/jque...ia-para-jquery/
Olá,na verdade não quero fazer validação com o banco,isso o serv-side vai cuidar,só quero validar coisas simples com client-side.
E faltou ser respondida um pergunta:
2 - Seguindo a pergunta acima,caso de erro a caixa vai ficar com fundo vermelho,como eu faria com js caso ela ficasse vermelha se o usuario pasar o mouse em cima mostrar um hint informando o problema?
podem me ajudar?
O hint não é nada mais que uma div escondida com style "display:none" e quando você passar o mouse em cima do campo você pega a posição do mouse e posiciona a div de acordo com esses valores e depois da um "display:block".
Como você quer passar apenas algumas informações do pq ta errado o campo, você pode usar Tooltip.
Dê uma olhada nesse link. http://rogeriolino.wordpress.com/2007/02/2...script-tooltip/
Como você trabalha com classe de CSS, você pode mandar utilizar a tooltip apenas nos códigos que tiverem uma devida classe, nesse link aqui http://www.netlobo.com/javascript_geteleme...yclassname.html, você tem uma função onde lista todos os elementos do html que possui uma certa classe, então você pode manipular os 2 códigos, esse de listar classes e o da tooltip para fazer o q você precisa.
Espero ter ajudado rapaz.
Abs
Muito obrigado,ajudou em muito, vou ler isso que você me mandou.
Vlw!
Pô q bom q ajudou cara :), no que precisar é só postar ae q tentaremos te ajudar.
Abss e bom estudo
Teria que fazer chamadas assincronicas a seu script server-side,que validaria o campo em questão (onchange:funcChamadaAssincronica(parametro);).No caso,dependendo do responseText ou responseXml que o server-side-script mandasse,você mudaria a class do campo em questao(document.getElementById('iddocampo').className='verde' por ex,oudocument.nomedoform.campo.className='verde',ou document.nomedoform.campo.style.border='1px solid #ff0000',vai depender).
Relativo a conversão de códigos JS - nativos,para JS - usando JQuery,não existe.
A quarta duvida,não mecho com asp.net,então não posso ajudar.
Abraço!
Ps:arranja um jeito pra evitar o reprocessamento de dados (evitar ter que processar nas chamadas assincronicas e no submit).