Ir para conteúdo
Fórum CódigoFonte.net
Luiz Itatiba

como postar form em javascript com campos distintos em botão de opção

Recommended Posts

Olá Colegas da Comunidade Codigo Fonte.net tenho o seguinte formulario com campos destinados para dois botões de opção - um pessoa fisica e outra juridica - codigo mostrado abaixo - só que quando eu completo apenas os dados do campo selecionado - pessoa fisica ele não mi retorna os dados do post apenas para pessoa fisica, o mesmo acontece se eu optar por pessoa juridica e não preencher os da pessoa fisica o que está errado 

Observação - estou postando não toda a página mas apenas a parte do código do form e javascript - 

 

<form action="fecharcontratoboleto.php" method="post"><div class="form-group">

          <p>
           <label class="radio-inline col-sm-4"><input type="radio" name="optradio" value="juridica" onclick="pessoa(this.value);">Pessoa Juridica</label>
            <label class="radio-inline col-sm-4"><input type="radio" checked="checked" name="optradio" value="fisica" onclick="pessoa(this.value);">Pessoa Fisica</label>
          </p>
          </div>

        <div id="juridica" style="display:none;">
          <div class="form-group">
            <label class="control-label col-sm-2" for="txtRazaosocial">Razão Social: *</label>
            <div class="col-sm-8">
              <input type="text" class="form-control" id="txtRazaosocial" name="txtRazaosocial" required value="<? echo $txtRazaosocial; ?>" >
            </div>
          </div>

          <div class="form-group">
            <label class="control-label col-sm-2" for="txtNomefantasia">Nome Fantasia:</label>
            <div class="col-sm-8">
              <input type="text" class="form-control" id="txtNomefantasia" name="txtNomefantasia" value="<? echo $txtNomefantasia; ?>">
            </div>
          </div>
          
           <div class="form-group">
            <label class="control-label col-sm-2" for="txtCnpj">CNPJ: *</label>
            <div class="col-sm-3">
              <input type="numbe" class="form-control cnpj" id="txtCnpj" name="txtCnpj" required value="<? echo $txtCnpj; ?>"><? echo $msgcnpj; ?>
            </div>

            <label class="control-label col-sm-2 " for="txtIe">I.E.: * </label>
            <div class="col-sm-3">
              <input type="text" class="form-control ie" id="txtIe" name="txtIe" required value="<? echo $txtIe; ?>">
            </div>
          </div>
          </div>
          

          <div id="fisica" style="display:none;">
          <div class="form-group">
            <label class="control-label col-sm-2" for="txtNomePF">Nome: *</label>
            <div class="col-sm-8">
              <input type="text" class="form-control" id="txtNomePF" required name="txtNomePF" value="<? echo $txtNomePF; ?>"><? echo $msgcamponomePF; ?>
            </div>
          </div>
          
           <div class="form-group">
            <label class="control-label col-sm-2" for="txtCPF">CPF: *</label>
            <div class="col-sm-3">
              <input type="numbe" class="form-control cpf" id="txtCPF" name="txtCPF" required value="<? echo $txtCPF; ?>"><? echo $msgcampoCPF;?> <? echo $msgcpf; ?>
            </div>

            <label class="control-label col-sm-2 " for="txtRG">RG:  </label>
            <div class="col-sm-3">
              <input type="text" class="form-control rg" id="txtRG" name="txtRG"  value="<? echo $txtRG; ?>" onkeypress="return SomenteNumero(event)"><? echo $msgcampoRG; ?>
            </div>
          </div>
          </div><!-- INICIO CAMPOS BUSCACEP -->
          <div class="form-group">
            <label class="control-label col-sm-2" for="Cep:">Cep: *</label>
            <div class="col-sm-8">
                <input name="cep" class="form-group" type="text" id="cep" value="" size="10" maxlength="9" required />
            </div>
          </div>
          <!-- SEGUNDO CAMPO -->
           <div class="form-group">
            <label class="control-label col-sm-2" for="Rua:">Rua: *</label>
            <div class="col-sm-8">
                 <input name="rua" class="form-group" type="text" id="rua" size="60" value="<? echo $rua; ?>" required />
            </div>
          </div>
            <!-- TERCEIRO CAMPO -->
           <div class="form-group">
            <label class="control-label col-sm-2" for="Nº:">Nº: *</label>
            <div class="col-sm-8">
                <input name="numero" class="form-group" type="text" id="numero" size="5"  value="<? echo $numero ?>" required />
            </div>
          </div>
            <!-- QUARTO CAMPO -->
           <div class="form-group">
            <label class="control-label col-sm-2" for="Complemento:">Complemento: *</label>
            <div class="col-sm-8">
                <input name="complemento" class="form-group" type="text" id="complemento" size="20"  value="<? echo $complemento ?>" />
            </div>
          </div>
             <!-- QUINTO CAMPO -->
           <div class="form-group">
            <label class="control-label col-sm-2" for="Bairro:">Bairro: *</label>
            <div class="col-sm-8">
                <input name="bairro" class="form-group" type="text" id="bairro" size="40" required />
            </div>
          </div>
               <!-- SEXTO CAMPO -->
           <div class="form-group">
            <label class="control-label col-sm-2" for="Cidade:">Cidade: *</label>
            <div class="col-sm-8">
                <input name="cidade" class="form-group" type="text" id="cidade" size="40"  required />
            </div>
          </div>
                <!-- SETIMO CAMPO -->
           <div class="form-group">
            <label class="control-label col-sm-2" for="Estado:">Estado: *</label>
            <div class="col-sm-8">
                  <input name="uf" class="form-group" type="text" id="uf" size="2" required />
            </div>
          </div>
          <!-- FIM CAMPOS BUSCACEP --><table width="814" border="0" cellspacing="0">
 
  <tr>
    <td width="166"></td>
    <td width="468"></td>
    <td width="166" align="right" valign="top"><input id="BotaoPagamento" type="image"  src="buttons/botaobradescocontratarboleto.gif" name="submit" onClick="    post();" alt="Contratar via  Boleto!" /></td>
  </tr>
  </table>
 </form></div>
 

                        
                        
                        <div class="clear"></div>
                    </div>
                    <!-- Static Page End -->
                </div>
            </div>
            <div class="clear"></div>
            
            
            <!-- Anuncientes Start -->

                    <center>

                    <div class="prod-sec">

                        <div class="prod-head">

                            <h1>Anunciantes</h1>

                           

                            <div class="clear"></div>

                        </div>

                        <ul class="prod-list">

                            <li>

                                <a href="<?php echo $anun_link_1; ?>" target="_blank" class="responsive"><img src="<?php echo $anun_banner_1; ?>" alt="" /><span>&nbsp;</span></a>

                                <h4 class="title"><?php echo $anun_nome_1; ?></a></h4>

                                    <a href="<?php echo $anun_link_1; ?>" target="_blank">Acessar o Site</a>

                                    

                          </li>

                           <li>

                                <a href="<?php echo $anun_link_2; ?>" target="_blank" class="responsive"><img src="<?php echo $anun_banner_2; ?>" alt="" /><span>&nbsp;</span></a>

                                <h4 class="title"><?php echo $anun_nome_2; ?></a></h4>

                                    <a href="<?php echo $anun_link_2; ?>" target="_blank">Acessar o Site</a>

                                    

                          </li>

                           <li>

                                <a href="<?php echo $anun_link_3; ?>" target="_blank" class="responsive"><img src="<?php echo $anun_banner_3; ?>" alt="" /><span>&nbsp;</span></a>

                                <h4 class="title"><?php echo $anun_nome_3; ?></a></h4>

                                    <a href="<?php echo $anun_link_3; ?>" target="_blank">Acessar o Site</a>

                                    

                          </li>

                           <li>

                                <a href="<?php echo $anun_link_4; ?>" target="_blank" class="responsive"><img src="<?php echo $anun_banner_4; ?>" alt="" /><span>&nbsp;</span></a>

                                <h4 class="title"><?php echo $anun_nome_4; ?></a></h4>

                                    <a href="<?php echo $anun_link_4; ?>" target="_blank">Acessar o Site</a>

                                    

                          </li>

                        </ul>

                    </div>

                    </center>

                    <!-- Albums End -->
                    <div class="clear"></div>
            <!-- Footer Start -->

            <div id="footer">

                <div class="foot-top">

                    <!-- Footer Logo Start -->

                    <div class="logo-foot">

                        <a href="#"><img src="<?php echo $logo_url; ?>" alt="" width="82px" height="auto" /></a>

                    </div>

                    <!-- Footer Logo End -->

                    <!-- Footer Navigation Start -->

                    <div class="links-foot">

                        <ul>

                            <li><a href="home.php">Home</a></li>

                            <li><a href="a-radio">A Rádio</a></li>

                            <li><a href="blog">Blog</a></li>

                            <li><a href="programacao">Programação</a></li>

                            <li><a href="equipe">Equipe</a></li>

                            <li><a href="galeria">Galeria</a></li>

                            <li><a href="contato">Contato</a></li>

                        </ul><!--antigo player --> 

                    </div>

                    <!-- Footer Navigation End -->

                </div>

                <div class="foot-bottom">

                    <!-- Copyrights Start -->

                    <div class="copyrights">

                        <p>Copyright © <?php echo $page_title; ?> - Todos os Direitos Reservados.</p>

                    </div>

                    <!-- Copyrights End -->

                    <!-- Follow Us and Top Start -->

                    <div class="followus-top">

                        <a href="#top" class="top">TOP</a>

                        <!-- Follow Us Start -->

                        <ul>

                            <li><h6 class="white">SIGA-NOS</h6></li>

                            <li><a href="http://www.facebook.com/<?php echo $fb_url; ?>" target="_blank" class="facebook">&nbsp;</a></li>

                            <li><a href="http://www.twitter.com/<?php echo $tw_url; ?>" target="_blank" class="twitter">&nbsp;</a></li>
                      </ul>

                        <!-- Follow Us End -->

                    </div>

                    <!-- Follow Us and Top End -->

                </div>

            </div>

            <!-- Footer End -->

        </div>

        <div class="clear"></div>

    </div>

</div>

<!-- Outer Wrapper End -->

<script src="/<?php echo $pulse_dir; ?>/includes/tracker.php?uri=<?php echo $_SERVER['REQUEST_URI']; ?>&ref=<?php echo $_SERVER['HTTP_REFERER']; ?>"></script>

    

    <script type="text/javascript">

  var _gaq = _gaq || [];

  _gaq.push(['_setAccount', '<?php echo $analytics_id; ?>']);

  _gaq.push(['_trackPageview']);

  (function() {

    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;

    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';

    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);

  })();

</script>

<script>
    function pessoa(tipo){
      if(tipo=="fisica"){
      document.getElementById("fisica").style.display = "inline";
      document.getElementById("juridica").style.display = "none";
      }else if(tipo=="juridica"){
      document.getElementById("fisica").style.display = "none";
      document.getElementById("juridica").style.display = "inline";
      }
}

    </script>
    
  <script type="text/javascript">
          
        function post()
        {
            alert("working");
            
            var txtNomePF = $("txtNomePF").val();
            var txtCPF = $("txtCPF").val();
            var txtRG = $("txtRG").val();
            var txtRazaosocial = $("txtRazaosocial").val();
            var txtNomefantasia = $("txtNomefantasia").val();
            var txtCnpj = $("txtCnpj").val();
            var txtIe = $("txtIe").val();
            var cep = $("cep").val();
            var rua = $("rua").val();
            var numero = $("numero").val();
            var complemento = $("complemento").val();
            var bairro = $("bairro").val();
            var cidade = $("cidade").val();
            var uf = $("uf").val();
            
            $.post('fecharcontratoboleto.php',{
                
                posttxtNomePF:txtNomePF,
                posttxtCPF:txtCPF,
                posttxtRG:txtRG,
                posttxtRazaosocial:txtRazaosocial,
                posttxtNomefantasia:txtNomefantasia,
                posttxtCnpj:txtCnpj,
                posttxtIe:txtIe,
                postcep:cep,
                postrua:rua,
                postnumero:numero,
                postcomplemento:complemento,
                postbairro:bairro,
                postcidade:cidade,
                postuf:uf,},
                function(data)
                {
                    $('#result').html(data);
                });            
}
  
  
  </script>


</body>

</html>

 

 

Fico  no aguardo e desde já agradeço 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

×