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 juliosertori
      Amigos, estou utilizando um sistema de FormValidation, e vem pronta algumas coisas, mas estou com dúvida:
       
      Como pego os dados desse POST no PHP?
       
      FormValidation.utils.fetch(formSubmitUrl, { method: 'POST', dataType: 'json', params: { name: form.querySelector('[name="username"]').value, email: form.querySelector('[name="password"]').value, }, }) Obrigado!
    • By Luis Fernando R. Valle
      Estou desenvolvendo um site de vinhetas, mas estou com o seguinte problema. Quando o cliente clica em um áudio ele toca normalmente, mas quando clica em um segundo com o primeiro ainda em execução, ficam os dois áudios executando ao mesmo tempo no sit.
      Gostaria que um executasse por vez.
       
      Lembrando que os áudios estão inseridos separadamente.
    • By RukasuNiiChan
      ========== Meu Projeto ==========
      * Introdução
      Bem , eu estou no ultimo ano do E.M , e com essa pandemia , algumas adaptações foram tomadas , como todos sabem , a AULA ONLINE , porem , na minha escola não se utiliza a verificação de presença ( Chamada ) por Vídeo , através de um WebCam , e sim a confirmação por digitalização , todos os alunos devem escrever " ok " quando o respectivo professor digitar " chamada " no chat:
      Exemplo 1: https://prnt.sc/uiw9jy
      * Ideia
      Então o que eu pensei , A Ideia Inicial era criar um BOT para identificar a palavra " Chamada " no chat , e então , automaticamente , ele escrevesse " ok " ou " Presente " para assim automatizar o processo e facilitar a minha vida.
      Porem eu descobri uma funcionalidade no Google que são as extensões para o Google Meet que até então eu não sabia que existiam
      Entretanto se alguém que não tem experiencia em extensões mas tem em engenharia de software , me ajudaria da mesma forma
      * Conclusão
      Enfim , a minha ideia é automatizar o processo de " Responder a chamada " durante a aula online ,  como sou um estudante de programação queria muito a ajuda de vocês pra isso , pois meu conhecimento é leigo , qualquer duvida sobre o projeto , podem responder a este tópico pois , irei responder dentro de 24 horas , ou se o interesse nele for grande , me chamem na DM do Discord ( Rukasu#7321 ) 
      ===============================
       
    • By acneto.frc
      Tenho uma aplicação WEB NodeJs+Javascript. Na minha view (FILTROS PARA RELATÓRIO) além dos inputs tenho um radio button onde seleciono o tipo de do relatório que será gerado. No meu Controller tenho acesso aos campos inputs (type=text) normalmente mas não tenho acesso aos inputs (type=radio). Abaixo vou colocar parte do código.
       
      <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- As 3 meta tags acima *devem* vir em primeiro lugar dentro do `head`; qualquer outro conteúdo deve vir *após* essas tags --> <title><%= title %></title> <link rel="stylesheet" type="text/css" media="screen" href="/estilos/estilos.css" /> </head> <body> <header> <nav class="menuBase"> <ul> <li><a href="/">Início</a></li> <li><a href="/estagio/relatorios">Voltar</a></li> <li><a href=""> </a></li> </ul> </nav> </header> <main class=frmRelFiltros> <ul class="nav nav-tabs"> <li class="active" id="home-tab"><a data-toggle="tab" href="#pagina1">Relatório de Contratos</a></li> </ul> <div class="tab-content"> <div id="pagina1" class="tab-pane fade in active"> <form action='/contratos/relatorios/RelContratosPrint' method="post" id="relAlunos"> <!-- primeira linha --> <br> <div class="filtros" style="margin:15px"> <div class="row"> <div class="form-group col-md-6 col-md-offset-0"> <label>Código Contrato.:</label> <input type="text" name="cod_ini" value="0"/> A <input type="text" name="cod_fim" value="999999" /> <br> <br> <label>Ativo/Inativo...:</label> <input type="text" name="atv_ini" value="A"/> A <input type="text" name="atv_fim" value="Z" /> <br> <br> <label>Data Cadastro...:</label> <input type="text" name="cad_ini" value="01/01/2000"/> A <input type="text" name="cad_fim" value="31/12/2090" /> <br> <br> <label>Data Vigência...:</label> <input type="text" name="vig_ini" value="01/01/2000"/> A <input type="text" name="vig_fim" value="31/12/2090" /> <br> <br> <label>Sit. Contrato...:</label> <input type="text" name="sit_ini" value="0"/> A <input type="text" name="sit_fim" value="99" /> <br> <br> <label>Código do Curso.:</label> <input type="text" name="cur_ini" value="1"/> A <input type="text" name="cur_fim" value="99" /> <br> <br> </div> <div class="form-group col-md-6 col-md-offset-0"> <label>Código da Empresa.:</label> <input type="text" name="emp_ini" value="1"/> A <input type="text" name="emp_fim" value="9999" /> <br> <br> <label>Centro Integração.:</label> <input type="text" name="cie_ini" value="1"/> A <input type="text" name="cie_fim" value="999"/> <br> <br> <label>Valor da Bolsa....:</label> <input type="text" name="vlr_ini" value="1"/> A <input type="text" name="vlr_fim" value="99999999"/> <br> <br> <br> <div id="opcoesRelContratos" > <p>Selecione o Tipo do Relatório:</p> <input type="radio" id="tipoRel" name="padrao" value="padrao" checked=true> <label for="padrao">Padrao-Conferência</label><br> <input type="radio" id="tipoRel" name="faixa" value="faixa"> <label for="faixa">Faixa Salarial-Estatístico</label><br> <input type="radio" id="tipoRel" name="alunos_empresas" value="alunos_empresas"> <label for="alunos_empresas">Identificação de Alunos por Empresa</label> <br> <input type="radio" id="tipoRel" name="entregas" value="entregas"> <label for="entregas">Pastas de Estágios Entregues</label><br> <input type="radio" id="tipoRel" name="contratos_vencer" value="contratos_vencer"> <label for="contratos_vencer">Contratos a Vencer 30 dias</label> <br> </div> </div> </div> </div> <br> <!-- botões de acão --> <div class="btn-acao" style="margin-bottom: 0px;"> <div class="row"> <div class="col-md-2 col-md-offset-1"> <button id="btn-executarRel" type="submit" class="btn btn-primary btn-block" >Executar </button> </div> <div class="col-md-2 col-md-offset-1"> <button type="button" id="btn-cancelarRel" class="btn btn-primary btn-block">Voltar</button> </div> </div> </div> <br> </form> </div> <!-- tab pagina 1 --> </div> </main> <!-- JavaScript (Opcional) --> <!-- jQuery primeiro, depois Popper.js, depois Bootstrap JS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script> <script type="text/javascript" src="/js/funcoesCliente.js"></script> <script type="text/javascript" src="/js/script.js"></script> </body> </html>  
       
      Agora o código do routes e controllers. No controllers preciso acessar um elemento radio da view
      *** botão para submeter a view <button id="btn-executarRel" type="submit" class="btn btn-primary btn-block" >Executar </button> *** rota a ser executada ao sonfirmar a execução do relatório <form action='/contratos/relatorios/RelContratosPrint' method="post" id="relAlunos"> ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ arquivo: contratosRoutes.js var contratosControllers = require('../controllers/contratosControllers.js'); module.exports = (app) => { app.get('/contratos/relatorios/relContratos', contratosControllers.contratosRel); app.post('/contratos/relatorios/RelContratosPrint', contratosControllers.printContratosRel); } +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ arquivo: contratosControllers.js const alunosController = require('../models/contratosModels.js'); const cnf_ambiente = require('../../config/config.js'); const moment = require('moment'); module.exports = { printContratosRel, } function printContratosRel(req, res){ console.log("Data Inicial Normal: "+req.body.cad_ini) console.log("Data Final Normal..: "+req.body.cad_fim) console.log("++++++++++++++++++++ DATA NO FORMATO DE ENTRADA APÓS O POST ++########################") // ++++++++++++ BAIXO O ERRO document is not defined var radios = document.getElementsById("tipoRel"); for (var i = 0; i < radios.length; i++) { if (radios[i].checked) { console.log("Escolhido: " + radios[i].value); } } cod_i = req.body.cod_ini; cod_f = req.body.cod_fim; atv_i = req.body.atv_ini; atv_f = req.body.atv_fim; cad_i = req.body.cad_ini; cad_f = req.body.cad_fim; vig_i = req.body.vig_ini; vig_f = req.body.vig_fim; sit_i = req.body.sit_ini; sit_f = req.body.sit_fim; cur_i = req.body.cur_ini; cur_f = req.body.cur_fim; emp_i = req.body.emp_ini; emp_f = req.body.emp_fim; cie_i = req.body.cie_ini; cie_f = req.body.cie_fim; vlr_i = req.body.vlr_ini; vlr_f = req.body.vlr_fim; console.log("Relatório >>>>>>>>>>>>>>>>>>>>>>>> "+cad_i + ' - '+ cad_f); alunosController.buscarPrintContratosRel( cod_i, cod_f, vlr_i, vlr_f, sit_i, sit_f, cur_i, cur_f, emp_i, emp_f, cad_i, cad_f, vig_i, vig_f, atv_i, atv_f, cie_i, cie_f, function(err, result){ if(result){ console.log("Encontrei registro de contratos.... Vou tratar das datas.."); for(var i = 0; i < result.length; i++ ){ result[i].cea_dtcadastro = moment(result[i].cea_dtcadastro).format("DD/MM/YYYY"); result[i].cea_dtalteracao = moment(result[i].cea_dtalteracao).format("DD/MM/YYYY"); result[i].cea_vigenciainicial = moment(result[i].cea_vigenciainicial).format("DD/MM/YYYY"); result[i].cea_vigenciafinal = moment(result[i].cea_vigenciafinal).format("DD/MM/YYYY"); } } if (err) { throw err; } else{ res.render('estagios/relatorios/frm_relContratosPrint.ejs', {title: 'Contratos', nomeUsuario: global.nomeUsuario, codigoUsuario: global.codigoUsuario, nomeFormulario: req.originalUrl, obj_contratos: result, }); } }); }  
×

Important Information

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