Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

Bloco padrão destinado para a validação do dos dados de cadastro de um novo usuário, o bloco verifica se todos os campos estão vazios ou nulos e se os campos de senha e confirmação de senha são iguais.


Figura 1 - Bloco Validação para o Cadastro de Usuário


As aplicações padrão do Cronapp utilizam esse bloco na função isValidSignup do arquivo blockly UserControl nas aplicações Web (Localização: Bloco de Programação/Web/UserControl 

Tooltip
onlyIcontrue
appendIconinfo-circle

Endereço: src/main/webapp/js/blockly/UserControl.blockly

) e Mobile (Localização: Bloco de Programação/Mobile/auth/UserControl

Tooltip
onlyIcontrue
appendIconinfo-circle

Endereço: src/main/mobileapp/www/js/blockly/auth/UserControl.blockly

).

Compatibilidade

  • Bloco cliente: cronapi.authentication.isValidSignup()

Retorno

Retorna se o os dados de cadastro do usuário foi validado foram validados ou não.

Âncora
Parâmetros
Parâmetros
Parâmetros

Nome do usuário

Nome do usuário a ser validado.

  • Posição: 1
  • Inglês: Username
  • Tipo: Texto / String
  • Exemplo: "adminuser"

E-mail

E-mail do usuário a ser validado.

  • Posição: 2
  • Inglês: Email
  • Tipo: Texto / String
  • Exemplo: "admin@cronappuser@gmail.iocom"

Senha

Senha do usuário a ser validado.

  • Posição: 3
  • Inglês: Password
  • Tipo: Texto / String
  • Exemplo: "adminminh@Senha"

Confirmação de Senha

Confirmação de senha do usuário a ser validado.

  • Posição: 4
  • Inglês: Confirm Password Confirmation
  • Tipo: Texto / String
  • Exemplo: "minh@Senha"

Exemplo

Por padrão, os projetos criados no Cronapp, utilizam o bloco Validação para o Cadastro de Usuário através da página signup (Localização: Formulários/Web/Público/

Tooltip
onlyIcontrue
appendIconinfo-circle

Endereço: src/main/webapp/views/public/signup.view.html

). Essa página possui como componentes visuais um botão para execução da função e também 4 entradas de texto para cada um dos parâmetros do bloco:

"admin"Exemplo

nome do usuário, e-mail, senha e confirmação de senha (Figura 2). Neste padrão, cada campo de texto, na aba Propriedades do editor de views, possui o Valor (ng-model) específico de "signupUsername.value", "signupEmail.value", "signupPassword.value" e "signupConfirmPassword.value", respectivamente. 


Image Added

Figura 2 - Componentes visuais da tela signup


A imagem abaixo mostra um exemplo de uso do bloco Validação para o Cadastro de UsuárioA função valida os dados de cadastro de um novo usuário, e retorna "true", caso os dados sejam válidos, e "false" caso contrário. Além do uso padrão mencionado anteriormente, este bloco também pode ser usado em outras páginas, para isso é necessário criar uma página semelhante a da Figura 2 e definir a propriedade Valor (ng-model) de cada entrada de texto, na aba Propriedades do editor de views, para os valores "signupUsername.value", "signupEmail.value", "signupPassword.value" e "signupConfirmPassword.value".


Image Added

Figura 3 - Exemplo de uso do bloco Validação para o Cadastro de Usuário


A imagem a seguir mostra uma tela para validação das informações de cadastro de um novo usuário. Após preencher todos os campos e clicar no botão "Validar Cadastro" a função da Figura 3 é executada. Se todos os campos estiverem preenchidos corretamente é impresso no console do navegador o valor "true" (Figura 4.1), caso contrário o valor "false".


Image Added

Figura 4 - Tela de validação de cadastro


Image Added

Figura 4.1 - Resultado exibido a partir das configurações da Figura 2


Nesta página

Índice