Lo JavaScript debo usar para una entrada de número de teléfono en una página web?

Question

Tengo tres cajas de entrada para introducir un número de teléfono en una página web:

 XXX XXX XXXX

Necesito JavaScript que se mueve el usuario entre las cajas a medida que escribe. Después de que el tercer personaje, que se mueve a la segunda caja, etc ...

En el pasado, he tenido problemas con la tecla de retroceso. Cuando hace clic retroceso de la segunda caja, que me pone en el principio, pero luego me lanza de nuevo a la segunda.

¿Cuál es la mejor manera de hacer esto?

Answer 1

Debe utilizar jQuery AutoTAB

Ejemplo código como este

 <div><strong>Phone Number:</strong></div>
 <input type="text" name="area_code" id="area_code" maxlength="3" size="3" /> -
 <input type="text" name="number1" id="number1" maxlength="3" size="3" /> -
 <input type="text" name="number2" id="number2" maxlength="4" size="5" />


 <script type="text/javascript">
 $(document).ready(function() {
 $('#area_code').autotab({ target: 'number1', format: 'numeric' });
 $('#number1').autotab({ target: 'number2', format: 'numeric', previous: 'area_code'     });
 $('#number2').autotab({ previous: 'number1', format: 'numeric' });
});
</script>

Answer 2

En lo personal, yo sólo lo aceptaría casi lo y preocuparse de volver a formatearlo del lado del servidor. Yo he tenido que usar tantas malas formateadores teléfono javascript que no soy un gran fan.

Answer 3

Yo sugeriría ir con esta solución de una sola caja en lugar de los tres. Alivia dolores de cabeza y tantos casos extremos de rebotar entre las cajas, y teniendo el primer cuadro de hacer un .select(), y luego el usuario pulsa borrar, y se limpia su entrada de distancia. Yucky.

http://javascript.internet.com/forms/format-phone -number.html

Todo el formato automático que pueda desear. Por supuesto, este es el estándar norteamericano, y que tendría que modificar esto para RestOfTheWorld.

Answer 4

que haría uso de un detector de teclas para comprobar escribir cuando el primer campo seleccionado, de contar el número de caracteres ya escritos, y si se han introducido suficientes caracteres, mover el foco al segundo campo, y así sucesivamente.

Espero que esta ayuda,

Yuval = 8 -)