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>