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>