2

Queria fazer uma caixa de texto executar uma função quando eu atribuir um valor a ela por código, sem interação com usuário.

Já tentei os eventos onChange, onInput, onKeypress, porém todos eles dependem do contato do usuário com a caixa de texto.

Segue abaixo o meu progresso com minha duvida, quando aperto o botao "Validar" é atribuído externamente "123" a uma caixa de texto e a minha funcao ãno identifica a variação da caixa de texto e não executa a função, ela executa somente quando o usuario interage com ela.

<form action="" name="f1">  
  <label>Comparar valores <BR>(Valores iguais = PRETO, Valores diferentes=VERMELHO)</label> <br>
  <input type="text" id="pass" oninput="Verifica()"/>
<input type="text" id="pass2"  oninput="Verifica()"/>
<script>
function Verifica(){
    val1=document.getElementById("pass").value;
    val2=document.getElementById("pass2").value;
    if(val1!=val2){
    document.getElementById("pass").style.borderColor="#f00";
        document.getElementById("pass2").style.borderColor="#f00";
    }
    else{document.getElementById("pass").style.borderColor="#000";
        document.getElementById("pass2").style.borderColor="#000";

        }
    }
</script>
<input type="button" value="Validar" onClick="validarSenha()">

<script>
function validarSenha(){
	document.getElementById("pass2").value = "123"
}
</script>

7
  • Mas por que você não chama a função que quer no mesmo código que atribui o valor? 23/06/2016 às 5:29
  • Porque este código simula uma resposta externa de um iframe, nao consigo alterar nada dele, eu so consigo pegar seu feedback 23/06/2016 às 5:39
  • Me parece impossível ou inviável. Veja essa resposta aqui, se entende inglês: stackoverflow.com/a/1848008/1796236 23/06/2016 às 5:47
  • Não sei se o que quero fazer pode ser considerado uma "solução elegante", mas acredito que é a unica forma de conseguir o que preciso, porque estou limitado ao servidor acima de mim, quero realmente saber se é possivel fazer isto, obrigado pela ajuda 23/06/2016 às 5:57
  • Tentou o focusout? api.jquery.com/focusout
    – user5988
    23/06/2016 às 6:51

1 Resposta 1

0

<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>       
        <form action="" name="f1">  
            <label>Comparar valores <BR>(Valores iguais = PRETO, Valores diferentes=VERMELHO)</label> <br>
            <input type="text" id="pass" oninput="Verifica()"/>
            <input type="text" id="pass2"  oninput="Verifica()"/>
            <script>
                function Verifica(){
                    val1=document.getElementById("pass").value;
                    val2=document.getElementById("pass2").value;
                    if(val1 != val2){
                        document.getElementById("pass").style.borderColor="#f00";
                        document.getElementById("pass2").style.borderColor="#f00";
                    }else{
                        document.getElementById("pass").style.borderColor="#000";
                        document.getElementById("pass2").style.borderColor="#000";
                    }
                };
            </script>
            <input type="button" value="Validar" onClick="validarSenha()"/>

            <script>
                function validarSenha(){
                    senha1 = document.getElementById("pass").value;
                    senha2 = document.getElementById("pass2").value;
                    document.getElementById("pass2").value = "123";
                    if (senha2  != document.getElementById("pass2").value){
                        if (senha1 == senha2)
                            alert("SENHAS IGUAIS");
                    else
                        alert("SENHAS DIFERENTES");
                    }
                }
            </script>
        </form>
    </body>
</html>

10
  • Não esqueça de dar um reload na pagina quando vc quiser testar novamente, até porque quando você aciona o botão validar, é a ação que você está esperando que ocorra, se analisar o teu código você verificará que o problema está na aclopação de funções entre envento e lógica de validação ;-)
    – TiagoTi
    23/06/2016 às 11:40
  • TiagoTI, o que eu espero que aconteca com o codigo e que se eu digitar "123" da caixa de texto 1 e pressionar o botão "Validar" será adicionado automaticamente "123" na caixa de texto 2, com isto a borda das caixas de texto deveria ficar preta, sinalizando valores iguais 23/06/2016 às 13:03
  • O botão validar só teria a funcao de adicionar "123" na caixa de texto 23/06/2016 às 13:04
  • @VitorMarquesLourenço Então não foca no evento das caixa de texto não, foque no método Validar: Passo 1 pegar o valor da caixa de texto1. Passo 2 verificar se configurar a caixa de texto2 para 123. Passo 3 verificar se o valor 123 é igual ao da caixa de texto1. Passo 4 colorir conforme o resultado. Se você focar evento vai ser complicado porque o seu algoritmo do Validar não vai esperar um evento da caixa de texto acontecer para validar (isso é uma caracteristica do JavaScript).
    – TiagoTi
    23/06/2016 às 16:59
  • TiagoTi vc esta falando para eu chamar a funcao validar direto no botao? Desta forma funciona, porém no meu caso em especifico eu nao posso focar no botao validar, pq nao posso alterar ele, pois o codigo dele esta em um servidor acima de mim, nao tenho acesso a ele, so recebo seu feedback na caixa de texto 23/06/2016 às 17:28

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .