Árvore de páginas

Versões comparadas

Chave

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


Índice
exclude.*ndice

Falando de validação de regras... 


As regras estabelecem o que deve ser preenchido em um determinado campo, antes de gravar o registro de formulário.

As tabelas abaixo detalham as validações por tipo de campo (texto, numérico e data), demonstrando como são configuradas cada uma das regras.


Campos do tipo texto

Válido paraValidaçõesDescrição

Texto

Busca usuário

Parágrafo

Validar CNPJVerifica se o CNPJ informado é valido.
Validar CPFVerifica se o CPF informado é válido.
Validar e-mailVerifica se o e-mail informado é um texto válido.
Validar e-mail com conteúdoVerifica se o e-mail informado é um texto válido e possui determinado conteúdo, afim de garantir um padrão. 
Exemplo: [email protected], onde além de garantir um e-mail se deseja que seja do domínio "empresa.com"
Validar conteúdo de campo textoVerifica se um campo texto contém dentro dele um determinado texto.
Validar campos texto iguaisVerifica se dois campos texto são iguais.


Campos do tipo numérico

Válido paraValidaçõesDescrição
NuméricoValidar valores numéricos iguais.Verifica se dois valores numéricos são iguais.
Validar valor numérico maior que outro.Verifica se, entre dois valores numéricos, um é maior que o outro.
Validar valor numérico maior ou igual a outro.Verifica se, entre dois valores numéricos, um é maior ou igual ao outro.
Validar valor numérico menor que outro.Verifica se, entre dois valores numéricos, um é menor que o outro.

Validar valor numérico menor ou igual a outro.

Verifica se, entre dois valores numéricos, um é menor ou igual ao outro.


Campos do tipo data

Válido paraValidaçõesDescrição
DataValidar data do dia atual.Verifica se o valor está informado com a data do dia atual (hoje)
Validar datas iguais.Verifica se dois valores do tipo data são iguais.
Validar data maior que outra.Verifica se, entre dois valores do tipo data, um é maior que o outro.
Validar data maior ou igual a outra.Verifica se, entre dois valores do tipo data, um é maior ou igual ao outro.
Validar data menor que outra.Verifica se, entre dois valores do tipo data, um é menor que o outro.

Validar data menor ou igual a outra.

Verifica se, entre dois valores do tipo data, um é menor ou igual ao outro.



Painel
borderColor#fdf7e8
bgColor#fdf7e8
HTML
<style type="text/css">
    .lms * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

    .lms-text-center {
      text-align: center;
    }

    .lms-full-height {
      height: 100%;
    }

    /* Component LMS Callout */

    .lms-callout {
      border: none;
      padding: 0px;

      display: -moz-box;
      -moz-flex-flow: row wrap;
      -moz-justify-content: center;
      -moz-align-items: center;

      display: -ms-flexbox;
      -ms-flex-flow: row wrap;
      -ms-justify-content: center;
      -ms-align-items: center;
      
      display: -webkit-flex;
      display: -webkit-box;
      -webkit-flex-flow: row wrap;
      -webkit-justify-content: center;
      -webkit-align-items: center;

      display: flex;
      flex-flow: row wrap;      
      justify-content: center;
      align-items: center;
    }
  
    .lms-callout .lms-callout-image {
      width: 24px;
    }

    .lms-callout .lms-callout-body {
      width: calc(100% - 24px);
      padding-left: 20px;
    }

	.lms-callout .lms-callout-citacao {
      border: 0px solid;
      border-left-width: 3px;
      border-left-color: #f36f21;
	  margin: 4px;
	  margin-left: 25px;
	  padding-left: 8px;
      font-size: 13px;
	}

    .lms-callout .lms-callout-thumb {
      width: 24px;
      height: 24px;
    }

    .lms-callout .lms-callout-text {
      color: #58595b;
      line-height: 1.75;
      margin: 0;
    }
</style>
<div class="lms">
	<div class="lms-callout">
		<div class="lms-callout-image">
			<img class="lms-callout-thumb" src="http://tdn.totvs.com/download/attachments/471951059/importante.png" width="24" height="24">
		</div>
		<div class="lms-callout-body">
			<p class="lms-callout-text"><b>IMPORTANTE!</b><br>Para finalizar o formulário, é necessário verificar os campos destacados e preencher de acordo com as regras solicitadas.</a></p>
		</div>
	</div>
</div>