Tutorial: Mascara para la entrada de datos

Scriptcase proporciona diferentes enfoques para validar los datos recibidos; utilizando la máscara estándar, validación estándar o creando código para validaciones avanzadas.

Formato estándar en campos

Los tipos de campos disponibles en Scriptcase tienen formato automático de los valores ingresados. Este formato puede seguir la configuración regional seleccionada en la aplicación o definida individualmente por el desarrollador.

En el ejemplo anterior, podemos ver el formato de números enteros, números decimales, moneda, fecha / hora, textos y otros.

Configurar el formato de campo

Ahora veremos un ejemplo práctico de un formulario que usa máscaras de entrada personalizadas y una rutina para validar el SSN (número de seguridad social) usando ajax.

Nota:

Si tiene alguna pregunta sobre cómo crear un formulario, visite: Creando un nuevo formulario


1. Crea una nueva aplicación de tipo formulario utilizando la tabla “Employees”, y luego seleccione la opción “Registro único”.

Configuración del formulario.

2. Aún en la configuración del formulario, si desea una mejor visualización de los registros, seleccione la pestaña “EditarCampos” y cambie el nombre de los campos resaltados, como se muestra a continuación, luego haga clic en “Crear“.


3. En la aplicación de menú, haga clic en “Posicionamiento de campos“.

Pestaña de Posicionamiento de los campos.

4. Seleccione los campos: EmployeeID, FirstName, Title, BirthDate, SSN y HomePhone.

Añadiendo máscaras a los campos SSN y HomePhone

5. Abra la carpeta “Campos” en el menú y haga clic en el campo-“HomePhone“.

Campo HomePhone.

6. En la opción “Máscara” añadir la máscara: (###) ### – ####; ### – ####

Máscara

7. En el menú de la aplicación, aún en la pestaña “Campos“, haga clic en el campo “SSN“.

Campo SSN.

8. Vaya a la opción “Máscara” nuevamente y agregue la siguiente máscara: ### – ## – ####

Máscara

Nota:

Puede utilizar un punto y coma para insertar dos máscaras para un campo.

Creación de un método PHP para la validación de SSN.

9. En el menú de la aplicación, acceda a la pestaña “Programación” y acceda al elemento “Bibliotecas internas“.

10. Vaya a la pestaña de edición “Librerías internas – Scriptcase” y habilite la biblioteca sc_ssn.php

Habilitando la biblioteca.

11. Ahora abra la carpeta “Métodos PHP” en el menú y haga clic en “Nuevo método“.

Aba de Métodos PHP

12. En el campo, escriba “Validar SSN” y haga clic en el botón Crear.

Nombre del Método

13. Una vez hecho esto, inserte el siguiente código en el Método PHP:

if({SSN} != ''){
$oSSN = new scSSN();
if (!$oSSN->validateSSN({SSN})) {
sc_error_message("Invalid SSN");
}
}

Creación y evento Ajax al campo SSN.

14. Abra la carpeta “Eventos Ajax” en el menú y haga clic en “Nuevo Evento de Ajax

Eventos Ajax

15. Configura el evento como la imagen de abajo:

Configuración del evento Ajax.

17. Agrega el siguiente código al evento creado:

Código Evento Ajax.

Tutorials in the same category

Tutorial: Formulário Multi-Etapas

En este tutorial veremos cómo crear un formulario de varios pasos, haciendo que el formulario sea m...

Form login responsivo 3

En este ejemplo, veremos cómo utilizar las Plantillas HTML disponibles para crear aplicaciones de ...

Tutorial: Form login responsivo 2

En este ejemplo, veremos cómo utilizar las Plantillas HTML disponibles para crear aplicaciones de...

Form login responsivo

En este ejemplo, veremos cómo utilizar las Plantillas HTML disponibles para crear aplicaciones de ...

Comment this post