¿Cómo puedo hacer que el número de teléfono requerido sea de 10 dígitos? Si es posible, me gustaría que el visitante solo pueda introducir 10 dígitos en el campo de número de teléfono o en caso contrario no pueda enviar el formulario.
Sí, es posible exigir que el campo de número de teléfono sea de 10 dígitos. A continuación se muestra como:
- Vaya a su formulario, y después al elemento de texto que está usando para su campo del teléfono. Para realizar este ejemplo, lo mejor es que asigne a su elemento el nombre "telephone" (sin comillas) en el campo situado debajo de "Etiqueta".
- Active la casilla de Validación -> Requerida y después seleccione la opción "Personalizado" de la parte inferior.
- Introduzca un mensaje de error (por ejemplo: "Por favor, introduzca un número válido de teléfono de 10 dígitos sin guiones, espacios o corchetes").
- Haga clic sobre "Crear marco de referencia" (no parece un link, ¡pero lo és!)
- A Un elemento emergente de javascript aparecerá diciendo: "¿Crear marco de referencia para la validación? (El código existente será añadido)." Seleccione OK.
- En el área de texto que aparece, borre todo el código que allí se muestra y remplácelo por:
function ff_telephone_validation(element, message) { if(!isNaN(element.value) && element.value.length == 10) { return ''; } return 'Please enter a valid number (exactly 10 digits)'; } // ff_telephone_validation
- Haga click en Guardar Cambios.
- Haga clic en el icono GUARDAR situado en la esquina superior izquierda de la pantalla.
- Pruebe su formulario. Debería funcionar.