Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

  • 0
spyryt

Validação cartão de credito cpf telefone

Pergunta

Galera preciso validar os seguintes dados,  Alguem me ajuda.
 

<div class="col-xs-24 col-sm-24 col-md-24 col-lg-24 paddingNewCardAdjust"><div class="pull-left row grayBackground" ng-class="{grayBackground: showGrayBackground == true}"><div ng-class="{labelError : selectedOtherCard &amp;&amp; showErrorOnNewCreditCard}"><label ng-hide="onlyNewCardOption" class="cardOptions cardLastOption radio row no-padding hidden-xs activeLabel" ng-click="chooseOtherCreditCard()" ng-class="{activeLabel: selectedCardLabel == &#39;otherCard&#39;, inactiveLabel: selectedCardLabel != &#39;otherCard&#39;}"></label><div class="row fadeSac creditCardFieldsAdjust" ng-class="{&#39;v-padding-only-top-20&#39;: onlyNewCardOption}"><div class="col-xs-24 col-sm-24 col-md-24 col-lg-24">
     <label>Nome completo</label>
     <div sac-input="" type="&#39;text&#39;" name="nome" field="bookletEmail" placeholder="nome" helpblockclass="&#39;col-xs-24 col-sm-24 col-md-24 col-lg-24 no-padding-left no-padding-right&#39;" inputclass="&#39;col-xs-24 col-sm-10 col-md-8 col-lg-8 no-padding-left no-padding-right&#39;" class="ng-isolate-scope"><div class="">
    
    <div class="col-xs-24 col-sm-10 col-md-8 col-lg-8 no-padding-left no-padding-right">
        <input required  maxlength="" class="form-control ng-pristine ng-valid" ui-mask="" type="text" name="nome" placeholder="Nome Completo">
    </div>
    <span class="help-block col-xs-24 col-sm-24 col-md-24 col-lg-24 no-padding-left no-padding-right ng-binding" ng-bind-html="message"></span>
</div></div></div><div class="col-xs-24 col-sm-24 col-md-24 col-lg-24">
  <label>CPF</label>
  <div sac-input="" type="&#39;text&#39;" name="cpf" placeholder="nome" helpblockclass="&#39;col-xs-24 col-sm-24 col-md-24 col-lg-24 no-padding-left no-padding-right&#39;" inputclass="&#39;col-xs-24 col-sm-10 col-md-8 col-lg-8 no-padding-left no-padding-right&#39;" class="ng-isolate-scope"><div class="">
    
    <div class="col-xs-24 col-sm-10 col-md-8 col-lg-8 no-padding-left no-padding-right">
        <input required pattern="[0-9]{11}"   maxlength="11" ng-disabled="" class="form-control ng-pristine ng-valid"  type="text" name="cpf" placeholder="000.000.000-00" ng-model="value" onsubmit="VerificaCPF();">
    </div>
    <span class="help-block col-xs-24 col-sm-24 col-md-24 col-lg-24 no-padding-left no-padding-right ng-binding" ng-bind-html="message"></span>
</div></div></div><div class="col-xs-24 col-sm-24 col-md-24 col-lg-24">
  <label><br>
    Numero telefone celular </label>
  <div sac-input="" type="&#39;text&#39;" name="&#39;bookletEmail&#39;" field="bookletEmail" placeholder="&#39;E-mail&#39;" helpblockclass="&#39;col-xs-24 col-sm-24 col-md-24 col-lg-24 no-padding-left no-padding-right&#39;" inputclass="&#39;col-xs-24 col-sm-10 col-md-8 col-lg-8 no-padding-left no-padding-right&#39;" class="ng-isolate-scope"><div class="">
    
    <div class="col-xs-24 col-sm-10 col-md-8 col-lg-8 no-padding-left no-padding-right">
        <input maxlength="11"  class="form-control ng-pristine ng-valid" ui-mask="" ng-change="clear(this)" type="text" name="celular" placeholder=""ddd000000000" ng-model="value">
    </div>
    <span class="help-block col-xs-24 col-sm-24 col-md-24 col-lg-24 no-padding-left no-padding-right ng-binding" ng-bind-html="message"></span>
</div></div></div><div class="col-xs-24 col-sm-9 col-md-9 col-lg-9 fadeSac" style="">Número do cartão:<div sac-input-credit-card="" name="numero" required pattern="[0-9]{16}" maxlength="16" field="number" cartao"&#39;col-xs-24 col-sm-24 col-md-24 col-lg-24 no-padding no-margin&#39;" inputclass="&#39;col-xs-24 col-sm-20 col-md-20 col-lg-20 no-padding-left no-padding-right&#39;" brand="cardBrand" class="ng-isolate-scope"><div class="">
    <div class="col-xs-24 col-sm-20 col-md-20 col-lg-20 no-padding-left no-padding-right">
        <input required pattern="[0-9]{16}" maxlength="16" class="form-control creditCardInput ng-valid ng-dirty"  id="cardNumber" ng-blur="getCardBrand()" ng-change="clear(this)" type="tel" name="cartao" ng-model="value" style="">
        <span ng-show="brand" class=""></span>
    </div>
    <span class="help-block col-xs-24 col-sm-24 col-md-24 col-lg-24 no-padding no-margin"></span>
</div></div><div class="bwCardBrands col-xs-24 col-sm-24 col-md-24 col-lg-24 no-padding"><span class="bwBoxBrand bwElo ng-hide" ng-show="$parent.selectedPaymentMethod.paymentMethods"></span> <span class="bwBoxBrand bwVisa"></span> <span class="bwBoxBrand bwMastercard"></span> <span class="bwBoxBrand bwAmex"></span> <span class="bwBoxBrand bwDiners"></span> <span class="bwBoxBrand bwHipercard"></span></div></div><div class="col-xs-24 col-sm-7 col-md-7 col-lg-7 no-padding-md no-padding-lg fadeSac" ng-show="selectedOtherCard" style="">Data de validade:<div sac-multiple-input="" disabledinput="inputDisable" helpblockclass="&#39;col-xs-24 col-sm-24 col-md-24 col-lg-24 no-padding-left no-padding-right&#39;" name="mes" field="expirationDate" fieldlist="expirationInputs" class="ng-isolate-scope">   <div class="">
       <!-- ngRepeat: field in fieldlist --><div ng-repeat="field in fieldlist" class="ng-scope">
           <div class="col-xs-7 col-sm-9 col-md-10 col-lg-9 no-padding-left">
               <input required pattern="[0-9]{2}"required class="form-control ng-valid ng-dirty" id="cardMonth" " maxlength="2" type="tel" name="mes" placeholder="MM" style="">
           </div>
       </div><!-- end ngRepeat: field in fieldlist --><div ng-repeat="field in fieldlist" class="ng-scope">
           <div class="col-xs-7 col-sm-9 col-md-10 col-lg-9 no-padding-left">
               <input required pattern="[0-9]{2}" class="form-control ng-valid ng-dirty" id="cardYear" ng-disabled="false" ng-model="field.value" maxlength="2" ui-mask="" ng-change="clear(this.$parent)" type="tel" name="ano" placeholder="AA" style="">
           </div>
       </div><!-- end ngRepeat: field in fieldlist -->
       <span class="help-block col-xs-24 col-sm-24 col-md-24 col-lg-24 no-padding-left no-padding-right"></span>
   </div></div></div><div class="col-xs-24 col-sm-8 col-md-8 col-lg-8 no-padding-md no-padding-lg no-margin-left" ng-class="{labelError : showCreditCardErrorMessage}"><div class="col-lg-24 no-padding"><span>Código de segurança:</span> <span tooltip-html-unsafe="Insira o código de segurança localizado no verso do seu cartão." class="tooltipIcon ng-scope"></span></div><div class="col-xs-24 col-sm-20 col-md-20 col-lg-20 no-padding"><div required maxlength="4" type="number"  name="cvv" field="cvv"  inputclass="&#39;col-xs-8 col-sm-12 col-md-12 col-lg-11 no-padding&#39;" placeholder="---" class="ng-isolate-scope"><div class="">
    
    <div class="col-xs-8 col-sm-12 col-md-12 col-lg-11 no-padding">
        <input required maxlength="4" type="number" name="cvv" placeholder="---" ng-model="value" style="">
    </div>
    <span class="help-block col-xs-24 col-sm-24 col-md-24 col-lg-24 no-padding ng-binding" ng-bind-html="message"></span>
</div></div></div></div></div></div><div ng-show="selectedOtherCard &amp;&amp; showErrorOnNewCreditCard" ng-class="{&#39;visible-sm visible-md visible-lg&#39;: selectedOtherCard &amp;&amp; showErrorOnNewCreditCard}" class="has-error h-margin-only-left-10 ng-hide"><span class="help-block col-xs-24 col-sm-24 col-md-24 col-lg-24 no-padding-left no-padding-right ng-binding" ng-bind="newCreditCardMessageError"></span></div></div></div>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

0 respostas a esta questão

Recommended Posts

Até agora não há respostas para essa pergunta


  • Conteúdo Similar

    • Por ILR master
      Pessoal, pergunta bem simples. Abaixo tenho o seguinte código:
       
      <script>
      function alerta()
      {
        if (window.confirm("Você realmente quer sair?")) {
          window.open("sair.html");
      }
      }
      </script>
       
      Funciona perfeitamente, só que está abrindo em outra janela e quero que abra na mesma janela.
       
      Alguém pode me ajudar?
    • Por Giovanird
      Olá a todos!
      Tenho uma pagina que possui uma DIV onde coloquei uma pagina PHP.
      Uso a função setInterval para atualizar a pagina inclusa dentro da DIV.
      O problema é que ao acessar o site , a DIV só me mostra a pagina inclusa somente quando completo o primeiro minuto.
      Preciso que a pagina inclusa já inicie carregada
       
      Meu código JavaScript e a DIV com a pagina PHP
       
      <script> function atualiza(){ var url = 'direita.php'; $.get(url, function(dataReturn) { $('#direita').html(dataReturn); }); } setInterval("atualiza()",60000); </script> <div> <span id="direita"></span> </div>  
    • Por Thiago Duarte
      Oi, gostaria de arrastar imagem e ao soltar formar bloco html, meu bloco de html ficaria com nome, content-1.html, content-2.html, etc
       
      Alguem pode me ajudar?
    • Por juliosonic
      Boa noite..
      Estou desenvolvendo um site de https://www.maithunatantra.com.br/ e estou com um duvida sobre o menu de navegação da versão mobile.
      O menu que tem o dropdown "Terapeutas" e "Terapias" quando clico em cima ele expande como deve ser, mas quando clico denovo para recolher os submenus
      nao acontece nada.. segue o trecho do codigo do menu..
      <div class="collapse navbar-collapse" id="navbarsExample09">             <ul class="navbar-nav ml-auto">               <li class="nav-item  active"><a class="nav-link" href="index.html">Home</a></li>               <li class="nav-item  active"><a class="nav-link" href="about-us.html">Quem Somos</a></li>               <li class="nav-item dropdown1">                     <a class="nav-link dropdown-toggle" data-toggle="dropdown1" href="#">Terapeutas</a>                     <ul class="dropdown-menu">                         <li><a class="dropdown-item" href="terapeuta-julio-cezar.html">Julio Cezar</a></li>                         <li><a class="dropdown-item" href="terapeuta-pamela-priscila.html">Pamela Priscila</a></li>                     </ul>                                    </li>               <li class="nav-item dropdown">                     <a class="nav-link dropdown-toggle" data-toggle="dropdown1" href="#">Terapias</a>                     <ul class="dropdown-menu" aria-labelledby="dropdown01">                         <li><a class="dropdown-item" href="o-que-e-reiki.html">O que é Reiki</a></li>                         <li><a class="dropdown-item" href="beneficios-reiki.html">Benefícios do Reiki</a></li>                         <li><a class="dropdown-item" href="principios-reiki.html">Princípios do Reiki</a></li>                         <li><a class="dropdown-item" href="animais-reiki.html">Reiki em Animais</a></li>                         <li><a class="dropdown-item" href="animais-reiki.html">Estudos Sobre Reiki</a></li>                         <li><a class="dropdown-item" href="terapia-massagem-tantrica.html">Terapia Tântrica</a></li>                     </ul>               </li>               <li class="nav-item  active"><a class="nav-link" href="blog.html">Blog</a></li>                <li class="nav-item"><a class="nav-link" href="contato.html">Contato</a></li>             </ul>         </div>  
      Massagem Tantrica em Curitiba
      Tantra Curitiba
      Massagem Tântrica
      Tantra
      Julio Darshan

      Obrigado
      Att
      Julio Cezar
       
       
       
    • Por belann
      Olá!
       
      Estou fazendo o upload de arquivos com fetch dessa forma
      fetch(url, {
              method: 'POST',
              headers: {'Content-Type': 'multipart/form-data',},
              body: formData 
          }).catch((error) => (console.log("Problemas com o Upload"), error));
       
      estou usando input type=file
      e criando uma const formData = new FormData(); 
      mas não faz e não dá nenhum erro.
      estou fazendo o upload com a url="http://localhost/dashboard/dados".
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.