Jump to content
  • 0
spyryt

Validação cartão de credito cpf telefone

Question

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>

 

Share this post


Link to post
Share on other sites

0 answers to this question

Recommended Posts

There have been no answers to this question yet

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By xdxddxd
      ao clicar em um botão eu gostaria de exibir um confirm no site, mas eu gostaria de Mudar de "OK" Para "Home" e "Cancelar" para "Estoque".
      isso usando javascript puro, alguem pode me ajudar ?
      já agradeço de já.
      tem que usar algum plugin no site ou tem como fazer puro mesmo.
      se quiser deixar só um link com o tutorial eu já agradeço, porém não achei nenhum do jeito que eu quero no google.
    • By MatheusSmidt
      Bom dia,
      Estou precisando de ajuda com o código do formulário de um sistema de cadastro.
      A página é para consulta mas tem a possibilidade de adicionar ou retirar "faltas" de cada profissional cadastrado através de botões simples e também apagar um ou múltiplos profissionais da lista, através de checkbox..
      Essa ações atualizam o banco de dados e já retornam na tela automaticamente.
      O problema é que não fui eu que estruturei o código PHP e não consigo aliar as duas funções que falei anteriormente. Quando consigo fazer funcionar o sistema de adição e redução de faltas, consigo apenas excluir o último nome da lista, mesmo selecionando vários. E quando consigo resolver a parte de excluir vários nomes, não consigo adicionar e reduzir o número de faltas.
       
      Provavelmente é um problema no "WHILE" ou na abertura e fechamento de formulário. Porém não consegui resolver.
      Se alguém conseguir resolver seria ótimo.
      Agradeço desde já. Em anexo envio um print da página para melhor entendimento.
       
       
       
       
    • By guzulino
      Eu preciso criar um sistema de busca em tempo real vamos dizer assim, na realidade eu até consegui achar boa parte dele.
      <form onsubmit="return false;"> <input id="campo_cpu" type="text" name="nome_cpu" placeholder="Modelo do processador"> </form> <script src="auto-complete.js"></script> <script> var demo1 = new autoComplete({ selector: '#campo_cpu', minChars: 1, source: function(term, suggest){ term = term.toLowerCase(); var choices = ['ActionScript', 'AppleScript', 'Asp', 'Assembly', 'BASIC', 'Batch', 'C', 'C++', 'CSS', 'Clojure', 'COBOL', 'ColdFusion', 'Erlang', 'Fortran', 'Groovy', 'Haskell', 'HTML', 'Java', 'JavaScript', 'Lisp', 'Perl', 'PHP', 'PowerShell', 'Python', 'Ruby', 'Scala', 'Scheme', 'SQL', 'TeX', 'XML']; var suggestions = []; for (i=0;i<choices.length;i++) if (~choices[i].toLowerCase().indexOf(term)) suggestions.push(choices[i]); suggest(suggestions); } }); </script> Eu consegui esse código e ele funciona tranquilamente, mas isso é só um teste, o usuário vai digitar o que ele precisa e no banco de dados eu mais de 5000 registros, então eu preciso que seja feita uma consulta no banco de dados para que ele mostre o que tem lá, acho que colocar 5000 numa string é um #@?&#036;%~ trampo além de eu achar que vai dar caquinha, o problema é que eu não faço a mínima ideia de como fazer isso, eu acho que é tipo uma consulta no banco a cada caractére digitado mostrando somente os resultados compatíveis, mas como disse antes não tenho ideia, se alguém agradeço desde já. Valeu
    • By tiagosoliver
      Boa noite galera,
       
      Estou precisando a partir de um json serializado, criar um menu dinâmico, pelo javascript. O json e a estrutura do menu eu coloquei na imagem em anexo. Obrigado desde já.

×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.