JavaScript - Crear 3 bloques de texto para formalizar un registro de patente vehicular

 
Vista:
sin imagen de perfil

Crear 3 bloques de texto para formalizar un registro de patente vehicular

Publicado por gabriel (1 intervención) el 27/02/2017 20:56:26
ya lo hice pero tiene algunas pifias, la gracia es que cuando escriba inmediatamente salte al siguiente bloque de texto, eso esta hecho, una de las pifias es por ejemplo que cuando esta guardado o reeditado al hacer backscape el focus deberia aparecer en el final de cada bloque y no en el principio como ultimamente me ha pasado

si tienen uno mejor desarrollado y sin ninguna pifia , les agradeceria mucho


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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<html>
 
<script>
 
function permite(elEvento, permitidos) {
  // Variables que definen los caracteres permitidos
  var numeros = "0123456789";
  var rut = "0123456789kK";
  var caracteres = " abcdefghijklmnñopqrstuvwxyzABCDEFGHIJKLMNÑOPQRSTUVWXYZ";
  var numeros_caracteres = numeros + caracteres;
  var teclas_especiales = [8, 37, 39, 46];
  // 8 = BackSpace, 46 = Supr, 37 = flecha izquierda, 39 = flecha derecha
 
 
  // Seleccionar los caracteres a partir del parámetro de la función
  switch(permitidos) {
    case 'num':
      permitidos = numeros;
      break;
	case 'run':
      permitidos = rut;
    case 'car':
      permitidos = caracteres;
      break;
    case 'num_car':
      permitidos = numeros_caracteres;
      break;
  }
 
  // Obtener la tecla pulsada 
  var evento = elEvento || window.event;
  var codigoCaracter = evento.charCode || evento.keyCode;
  var caracter = String.fromCharCode(codigoCaracter);
 
  // Comprobar si la tecla pulsada es alguna de las teclas especiales
  // (teclas de borrado y flechas horizontales)
  var tecla_especial = false;
  for(var i in teclas_especiales) {
    if(codigoCaracter == teclas_especiales[i]) {
      tecla_especial = true;
      break;
    }
 
 
  }
 
  // Comprobar si la tecla pulsada se encuentra en los caracteres permitidos
  // o si es una tecla especial
  return permitidos.indexOf(caracter) != -1 || tecla_especial;
}
 
 
 
function escribir(texto){
 
 
	if(texto.length==2){
 
		document.getElementById("texto2").focus();
 
		}
 
	}
function escribir1(texto){
 
 
 
 
	if(texto.length==2){
 
		document.getElementById("texto3").focus();
 
		}
	if(texto.length==0){
 
		document.getElementById("texto1").focus();
 
		}
 
	}
function escribir2(texto){
 
	if(texto.length==0){
 
		document.getElementById("texto2").focus();
 
		}
 
	}
 
 
</script>
 
<body>
 
<table>
 <tr>
      <td class="fila1">Patente</td>
      <td colspan="3"><input name="texto1" placeholder="Pa" type="text" id="texto1" size="2" maxlength="2" onKeyUp="escribir(this.value)" onkeypress="return permite(event, 'car')"  value="<?php echo $texto1; ?>">-<input name="texto2" type="text" id="texto2" placeholder="ten" size="2"  onkeypress="return permite(event, 'num')"   maxlength="2" onKeyUp="escribir1(this.value)" value="<?php echo $texto2; ?>">-<input name="texto3" placeholder="te"   onkeypress="return permite(event, 'num')"  type="text" id="texto3" size="2" maxlength="2" onKeyUp="escribir2(this.value)"  value="<?php echo $texto3; ?>"><span class="mensajes_pc"><?php echo $patente_mensaje; ?></span></td>
    </tr>
 
</table>
 
</body>
 
</html>
patente
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