Validação Java Script

wally Mendes · Junho 13, 2011

Bom dia galera, estou tentando fazer a validação do código abaixo, porém eu preciso que somente o teclado numérico funcione, do jeito que o código está somente o teclado alfa numérico está funcionando. Se alguém puder me ajudar. Desde já grato.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script language="javascript">
    
        function validar(){
            
            var agencia = document.form1.agencia.value;
            var conta = document.form1.conta.value;
            var digito = document.form1.digito.value;          
            
        
            if(agencia.length != 4){
            
                alert ('Agencia Inválida!');
                document.form1.agencia.focus();
                return false;
            }
            if(conta.length != 5){
                
                alert('Conta incorreta!');
                document.form1.conta.focus();
                return false;
            }
            if(digito.length != 1){
            
                alert ('Digito Inválido!');
                document.form1.digito.focus();
                return false;
            }
        }
        
        function mudaCampo(value, qtda, a ){
            
            if(value.length == qtda ){
                
                a.focus();
            }
        }
        
        function sonumeros(e){
        
            var tecla;
            var caracter;
            var expressao;
            
            if(window.event){ // IE
            
                tecla = e.keyCode;
            
            }
            else if(e.which){ // Netscape/Firefox/Opera
            
                tecla = e.which;
            }                
                
            
                caracter = String.fromCharCode(tecla);//converte o numero da tecla para caracter                
                expressao = /\d/; 
                return expressao.test(caracter); 
                //regular (true or false)
                
                

        }
        
            
    
    </script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="banksze.css" type="text/css" />
<title>Ze Banks</title>
</head>

<body class="corpo" background="fundo.png">
    <form name="form1" action="caixa.php" method="post" onsubmit="return validar(this.agencia.value); return false;" >
        <table class="table" border="0" align="center" cellpadding="1" cellspacing="1">
        <tr>
            <td class="logosup"><img src="logoze.png" /></td>
        </tr>
        <tr>
            <td colspan="2" class="texto" height="2" bgcolor="#999999">
                Agencia:<input type="text" name="agencia" maxlength="4" onkeydown=" return sonumeros(event);" onkeyup="mudaCampo(this.value, 4, document.form1.conta);"/>
                Conta:<input type="text" name="conta" maxlength="5" onkeydown="return sonumeros(event);"  onkeyup="mudaCampo(this.value, 5, document.form1.digito);"/>
                Digito:<input type="text" name="digito" onkeydown="return sonumeros(event);" maxlength="1" onblur="validar();"/>
                <input type="submit" value="OK" >
            </td>
        </tr>        
        </table>
         
      </form>
</body>
</html>

ESerra · Junho 13, 2011

Movendo PHP » JS.

Entrar

Validação Java Script

Pergunta

wally Mendes

Link para o comentário

Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

ESerra

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades