Passagem de Parametro -

Martinsrj · Maio 26, 2010

Olá pessoal, bom dia!

Possuo codigo abaixo que está funcionando perfeitamente. A minha dúvida é o seguinte, caso o meu formulário tenha a necessidade de incluir mais um input type="text"(id="txtValor1") quais as mudanças que tenho que fazer na função validaValor()?

<html> 
<head> 
    <title>Evento onblur</title> 
<script>

function validaValor(){ 
var inputValor = document.getElementById("txtValor0").value;

if (inputValor.match(",")){
} else {
    alert("Virgula não encontrado!!!");
} 

for (i = 0; i < inputValor.length; i++){
        switch(inputValor.charAt(i)) {
         case ".":
                alert("Você digitou ponto!");
            document.getElementById("txtValor0").focus()
         break
         case ",":
          if (inputValor.charAt(i+1) == "" || inputValor.charAt(i+2) == ""){
              alert("Você não digitou os centavos corretamente!");
              document.getElementById("txtValor0").focus()        
          }
          break
         default:
          //alert("Valor padrão");
        } 
      }
}

</script> 
</head> 
<body> 
<form name=f1> 
Escreva um número inteiro:
<input class="input" type="text" lang="7" title="" maxlength="6" size="20" name="txtValor0" id="txtValor0" value="" onBlur="validaValor()"/>

Escreva um número inteiro(2° Input):
<input class="input" type="text" lang="7" title="" maxlength="6" size="20" name="txtValor1" id="txtValor1" value="" onBlur="validaValor()"/>

</form> 
</body> 
</html>

fercosmig · Maio 26, 2010

altera a função, receba o id do campo como parâmetro, olha ae

function validaValor(id_campo){
var inputValor = document.getElementById(id_campo).value;

if (inputValor.match(",")){
} else {
    alert("Virgula não encontrado!!!");
}

for (i = 0; i < inputValor.length; i++){
        switch(inputValor.charAt(i)) {
         case ".":
                alert("Você digitou ponto!");
            document.getElementById(id_campo).focus()
         break
         case ",":
          if (inputValor.charAt(i+1) == "" || inputValor.charAt(i+2) == ""){
              alert("Você não digitou os centavos corretamente!");
              document.getElementById(id_campo).focus()        
          }
          break
         default:
          //alert("Valor padrão");
        }
      }
}

para chamar a função use:

onBlur="validaValor(this.id);"

Martinsrj · Maio 27, 2010

porque onBlur="validaValor(this.id);"? Não entendi o this.id.

Abraços.

fercosmig · Maio 27, 2010

ele envia para a função o id do objeto onde deve ser feita as verificações

ex:

quando a caixa abaixo perder o foco

<input class="input" type="text" lang="7" title="" maxlength="6" size="20" name="txtValor1" id="txtValor1" value="" onBlur="validaValor(this.id)"/>

ele vai enviar para a função a string: txtValor1

a funcão vai trabalhar com o objeto assim:

var inputValor = document.getElementById(id_campo).value; // o valor de id_campo será "txtValor1"

no outro input que tem o id "txtValor0" acontece a mesma coisa, só que a string enviada para a função será "txtValor0"

Martinsrj · Maio 27, 2010

Então o this.id irá capturar o ID do input, correto?

Desde já agradeço pelos esclarecimentos.

Amigão, se você tiver alguma apostila, livros em pdf ou algo para que eu venha praticar javascript envia para o meu email: paulomartinsrj@gmail.com

Abraços.

fercosmig · Maio 27, 2010

Então o this.id irá capturar o ID do input, correto?

exatamente

this.className captura o class, no seu caso "input"

this.name captura o nome

this.size captura o tamanho

...

faz testes ae

Entrar

Passagem de Parametro -

Pergunta

Martinsrj

Link para o comentário

Compartilhar em outros sites

5 respostass a esta questão

Posts Recomendados

fercosmig

Link para o comentário

Compartilhar em outros sites

Martinsrj

Link para o comentário

Compartilhar em outros sites

fercosmig

Link para o comentário

Compartilhar em outros sites

Martinsrj

Link para o comentário

Compartilhar em outros sites

fercosmig

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades