HTML - insertar if

   
Vista:

insertar if

Publicado por jose maria josepreyes75@hotmail.com (61 intervenciones) el 20/05/2014 19:03:08
hola, mezclando codigo de otros aportes he consegido que mediante un input se ingresen datos, estos estan limitados a 10 digitos, no se pueden introducir letras pero si punto y coma, tambien funcionan las teclas enter, borrar, suprimir, izquierda, derecha.....
tambien lleva incorporado un contador de caracteres....
lo que deseo es que cuando el contador llege a 4, las letras se puedan introducir, respetando todo lo demas....
aqui el codigo y gracias:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<html>
<head>
<script>
 
        function limitar(e, contenido, caracteres)
        {
            // obtenemos la tecla pulsada
            var unicode=e.keyCode? e.keyCode : e.charCode;
 
 
            // Permitimos las siguientes teclas: 8 backspace-46 suprimir-13 enter-37 izquierda-39 derecha-44 coma-46 punto
 
            if(unicode==8 || unicode==46 || unicode==13  || unicode==37 || unicode==39 ||  unicode==44 || unicode==46)
                return true;
 
            // Si ha superado el limite de caracteres devolvemos false
            if(contenido.length>caracteres)
                return false;
 
            return true;
        }
 
        function isNumberKey(evt)
        {
         var charCode = (evt.which) ? evt.which : event.keyCode
 
if (charCode == 44)
            return true;
if (charCode == 46)
            return true;
 
         if (charCode > 31 && (charCode < 48 || charCode > 57))
            return false;
 
         return true;
        }
 
function valida_longitud(){
   num_caracteres = document.forms[0].input.value.length
cuenta()
}
function cuenta(){
   document.forms[0].caracteres.value=document.forms[0].input.value.length
}
 
    </script>
 
</head>
<body>
<form>
Limitamos la entrada a caracteres numericos mas la coma y el punto
<br>
<input name="input" type="text" id="text"  onkeypress="return isNumberKey(this);" onKeyUp="valida_longitud()";"return limitar(event,this.value,9)" onKeyDown="return limitar(event,this.value,9)"/>
  <br>
   Caracteres:
<br>
   <input type="text" name=caracteres size=4>
</form>
</body>
</html>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder