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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Visitante
Responder

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Processando...

×
×
  • Criar Novo...