a

Usando mascaras em Entrada de dados

Neste exemplo será desenvolvido um formulário utilizando máscaras de entrada personalizadas e rotina para validação de social security number usando ajax.

   

Criando um novo formulário

1. Crie uma nova aplicação do tipo formulário (simples) baseada na tabela Employees.

2. No menu de aplicação acesse o item Posicionamento dos Campos.

   

3. Escolha os campos : EmployeeID, FirstName, Title, BirthDate, SSN e HomePhone.

   

Atribuindo Mascara de entrada aos campos SSN e HomePhone

4. No menu de aplicação acesse a pasta Campos e clique sobre o campo SSN.

5. Na propriedade Máscara de Exibição adicione a seguinte mascara: ###-##-####

   

6. No menu de aplicação ainda na pasta Campos clique sobre o campo HomePhone.

7. Na propriedade Máscara de Exibição adicione a seguinte máscara: (###) ### - ####;###-####

   

Você pode utilizar o ponto e virgula para inserir duas máscaras para um campo.

8. No menu de aplicação acesse a pasta Layout e clique no item Blocos.

   

9. Altere as propriedades Label para Add/Edit Employees, habilite a propriedade Display Label e altere a propriedade Label Position para Above.

   

Criando um metodo para validação de Social Security Number

10. No menu de aplicação acesse a pasta Programação e clique no item Bibliotecas.

   

11. Acesse a guia de edição Bibliotecas ScriptCase e habilite a biblioteca sc_ssn.php

   

12. Dentro da pasta Programação acesse a pasta Métodos e clique no item Novo Método

   

13. Na propriedade Nome informe ValidateSSN e clique no botão Criar.

14. Insira o código abaixo:

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

 

Criando um evento Ajax para o campo SSN

15. No menu de aplicação acesse a pasta Eventos Ajax e clique no item Novo Evento Ajax

   

16. Configure o evento de acordo com a imagem abaixo

   

17. Insira na area de código do evento a seguinte linha:

ValidateSSN();