Mensagem de validação abaixo do campo do formulário

Mensagem de validação abaixo do campo do formulário Olá! Gostaria saber como adicionar esse texto informativo ‘Este campo é obrigatório‘ abaixo do campo no formulário do Adianti.. é possível? Obrigado! Imagem: https://i.imgur.com/8uksqWg.png...

FABRICIO ALMEIDA DOS SANTOS 22/08/2022 (há 1 ano)

Olá! Gostaria saber como adicionar esse texto informativo ‘Este campo é obrigatório‘
abaixo do campo no formulário do Adianti.. é possível? Obrigado!

Imagem: https://i.imgur.com/8uksqWg.png

Curso completo Meu Negócio Pronto

Use para si, ou transforme em um negócio: Inclui aulas e códigos-fontes
Gestor de conteúdo (SITE) + Loja Virtual (E-Commerce) + Emissor de Notas para infoprodutos

Meu negócio pronto Quero me inscrever agora!

Comentários (5)

Luiz Menezes Filho 1 0 23/08/2022 (há 1 ano)

https://monosnap.com/file/9HSLuMy5EVjnHPPIzeQ9WNV9GoTB9t

---

<?php
$nome->setSize('100%'); // um campo qualquer ...
$campo = new TLabel('Este campo é obrigatório!!!', 'red', '9px');
$campo->setSize('100%');
$row1 = $this->form->addFields(
[new TLabel('Nome:', null, '14px', null, '100%'), $nome, $campo]);
?>

Editado 23/08/2022 (há 1 ano) - Ver alterações

FABRICIO ALMEIDA DOS SANTOS - AUTOR DO POST 23/08/2022 (há 1 ano)

Fala Luiz.. obrigado pelo retorno..
Mas nesse caso ai você definiu direto no construct..
Como ficaria pra mostrar apenas no onSave? Ou seja,
só mostraria após a validação ao salvar.
Um detalhe é que estou no Adianti Builder.. lá existe um
bloqueio no código que não permite no modo padrão editar
por exemplo essa parte do TLabel.. pra fazer isso teria que abrir
mão do modo designer e transformar todo o formulário em código..
ai sim eu poderia editar e fazer essa dica sua.. por outro lado eu
perco o modo visual do Builder.. esse é tal paradoxo do Adianti Builder.. rsrs
Por um lado facilita muito no desenvolvimento.. por outro você fica
amarrado a ferramenta.. se quiser algo a mais do feijão com arroz..
você tem que transformar tudo em código pra obter o resultado esperado.

Minha ideia é mostrar esse texto de validação abaixo
do campo.. tava vendo esse post do bootstrap:
https://getbootstrap.com/docs/5.0/forms/validation/

Mas não tenho ideia como aplicar esse estilo..
no post informa que é necessário implementar a classe needs-validation
e o atributo novalidate na classe form. Isso que não tô sabendo fazer..
Mas pelo que li e entendi só
é possível na versão 5 do bootstrap e o adianti framework infelizmente
usa ainda a versão 4, ou seja, acredito que não irá funcionar
no formulário.

Editado 23/08/2022 (há 1 ano) - Ver alterações

Luiz Menezes Filho 23/08/2022 (há 1 ano)

Tente isso e vai ajustando ... coloque o ID do seu form.
Isso é suficiente para vc começar a validar igual ao boot5;
Te passei o caminho das pedras ... agora é só ir ajustando os ifs.

<?php
$container->add($this->form);
$script = <<<SCRI
var form_ = $("#form_BancoForm");
form_.on('click', function(e) {
this.classList.add("was-validated");
e.preventDefault();
e.stopPropagation();
}
);
SCRI
;
TScript::create($script);
parent::add($container);
}
?>

Luiz Menezes Filho 23/08/2022 (há 1 ano)

Lembrando que deve colocar isso no final do seu construct;
Ademais: vc pode colocar as labels tmb;

<?php
$lbl1 = new TLabel('Este campo é obrigatório!!!', 'red', '9px');
$lbl1->setSize('100%');
$lbl1->{'class'} = 'valid-feedback';
?>

FABRICIO ALMEIDA DOS SANTOS - AUTOR DO POST 25/08/2022 (há 1 ano)

Muito obrigado!

Novo Comentário