Iniciar uma conversa

Desenvolvendo um "cadastro com etapas"

Devemos editar o evento OnLoad Do formulário na opção Javascript.


Colocaremos o seguinte código:
document.getElementById('id_tabs_0_1').style.pointerEvents= "none";
document.getElementById('id_tabs_0_2').style.pointerEvents= "none";

Obs: id_tabs_0_1 é referenciado por "id_nomedaaplicaçaõ_0_1".
Também sendo obtido inspecionamento o elemento da aba.



Criaremos um método JavaScript chamado enable, com um parâmetro:




Com o seguinte código:
document.getElementById('id_tabs_0_'+x).style.pointerEvents= "visible";



Criaremos eventos ajax do tipo OnChange, para os últimos campos de cada aba:


Com o seguinte código: ( sempre referenciando a próxima aba a ser disponibilizada ).
Para o campo da primeira aba:

if({nome}!=null && {sobrenome} !=null && {email} !=null && {login} !=null && {senha} !=null)
    {
        $javascript_function   = 'enable';
        $javascript_parameters = array('1');
        sc_ajax_javascript($javascript_function, $javascript_parameters);
    }else
        {
            sc_ajax_message("Preencha todos os campos", "Atenção", "modal=Y&left=100&right=100&width=200&height=100");
        }


Para o campo na segunda aba:
if({cep}!=null && {endereco} !=null && {bairro} !=null && {cidade} !=null && {estado} !=null)
    {
        $javascript_function   = 'enable';
        $javascript_parameters = array('2');
        sc_ajax_javascript($javascript_function, $javascript_parameters);
    }else
        {
            sc_ajax_message("Preencha todos os campos", "Atenção", "modal=Y&left=100&right=100&width=200&height=100");
        }


Aplicação em execução:

Escolher arquivos ou arraste e solte arquivos
Esse artigo foi útil?
Sim
Não
  1. Ronyan Alves

  2. Publicado
  3. Atualizado

Comentários