Pq nao reconhece os dados?

04/04/2023

pq esse primeiro codigo nao reconhece o campo input "VALOR" ?
o segundo codigo reconhece. o que esta faltando pra o primeiro reconhecer o valor da variavel?


<!-- Examplo retirado da documenta��o: https://www.mercadopago.com.br/developers/pt/docs/checkout-api/integration-configuration/card/integrate-via-cardform -->
  
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="https://sdk.mercadopago.com/js/v2"></script>
  <script type="text/javascript" src="index.js" defer></script>
  
  <script>
    const mp = new MercadoPago("TEST-#");
  </script>
  
  
  <form id="form-checkout" action="process_payment.php" method="POST">

      <label for="payerFirstName">Nome</label>
      <input id="form-checkout__payerFirstName" name="payerFirstName" type="text" value="Jeferson">

      <label for="payerLastName">Sobrenome</label>
      <input id="form-checkout__payerLastName" name="payerLastName" type="text" value="Souza">

      <label for="identificationEmail">E-mail</label>
      <input id="form-identificationEmail" name="identificationEmail" type="text" value="contato@mestresdophp.com.br">

      <label for="identificationType">Tipo de documento</label>
      <select id="form-checkout__identificationType" name="identificationType" type="text"></select>

      <label for="identificationNumber">N�mero do documento</label>
      <input id="form-checkout__identificationNumber" name="identificationNumber" type="text" value="19119119100">

      <label for="description">Produto</label>
      <input type="text" name="description" id="description" value="Produto Teste">

      <label for="transactionAmount">Valor do Produto</label>
      <input type="text" name="transactionAmount" id="transactionAmount" value="{{\App\CPU\Helpers::set_symbol($order_amount)}}">

      <br>

    <button type="submit" id="form-checkout__submit">Gerar Pix</button>
  </form>

SEGUNDO CODIGO

<!DOCTYPE html>
<html  lang="{{ str_replace(''''_'''', ''''-'''', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
    <title>
        @yield(''''title'''')
    </title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="{{asset(''''public/assets/mercado_pogo/css/index.css'''')}}">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://sdk.mercadopago.com/js/v2"></script>
    <!-- <script type="text/javascript" src="{{asset(''''public/assets/mercado_pogo/js/index.js'''')}}" defer></script> -->
</head>
<body>
<main>
    <!-- Hidden input to store your integration public key -->
    <input type="hidden" id="mercado-pago-public-key" value="{{$data[''''public_key'''']}}">

    <!-- Payment -->
    <section class="payment-form dark">
        <div class="container__payment">
            <div class="block-heading">
                <h2>Card Payment</h2>
                <!-- <p>This is an example of a Mercado Pago integration</p> -->
            </div>
            <div class="form-payment">
                <div class="products">
                    <!-- <h2 class="title">Summary</h2> -->
                    <!-- <div class="item">
                        <span class="price" id="summary-price"></span>
                        <p class="item-name">Book x <span id="summary-quantity"></span></p>
                    </div> -->
                    <p class="alert alert-danger" role="alert" id="error_alert" style="display:none;"></p>
                    <div class="total">{{\App\CPU\translate(''''amount_to_be_paid'''')}}<span class="price">{{\App\CPU\Helpers::set_symbol($order_amount)}}</span></div>
                </div>
                <div class="payment-details">
                    <form id="form-checkout">
                        <h3 class="title">Buyer Details</h3>
                        <div class="row">
                            <div class="form-group col">
                                <input id="form-checkout__cardholderEmail" name="cardholderEmail" type="email" class="form-control"/>
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-sm-5">
                                <select id="form-checkout__identificationType" name="identificationType" class="form-control"></select>
                            </div>
                            <div class="form-group col-sm-7">
                                <input id="form-checkout__identificationNumber" name="docNumber" type="text" class="form-control"/>
                            </div>
                        </div>
                        <br>
                        <h3 class="title">Card Details</h3>
                        <div class="row">
                            <div class="form-group col-sm-8">
                                <input id="form-checkout__cardholderName" name="cardholderName" type="text" class="form-control"/>
                            </div>
                            <div class="form-group col-sm-4">
                                <div class="input-group expiration-date">
                                    <input id="form-checkout__cardExpirationMonth" name="cardExpirationMonth" type="text" class="form-control"/>
                                    <span class="date-separator">/</span>
                                    <input id="form-checkout__cardExpirationYear" name="cardExpirationYear" type="text" class="form-control"/>
                                </div>
                            </div>
                            <div class="form-group col-sm-8">
                                <input id="form-checkout__cardNumber" name="cardNumber" type="text" class="form-control"/>
                            </div>
                            <div class="form-group col-sm-4">
                                <input id="form-checkout__securityCode" name="securityCode" type="text" class="form-control"/>
                            </div>
                            <div id="issuerInput" class="form-group col-sm-12 hidden">
                                <select id="form-checkout__issuer" name="issuer" class="form-control"></select>
                            </div>
                            <div class="form-group col-sm-12">
                                <select id="form-checkout__installments" name="installments" type="text" class="form-control"></select>
                            </div>
                            <div class="form-group col-sm-12">
                                <br>
                                <button id="form-checkout__submit" type="submit" class="btn btn--primary btn-block">Pay</button>
                                <br>
                                <p id="loading-message">Loading, please wait...</p>
                                <br>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
</main>
</body>

Fernando Mendes

Curtir t�pico + 0

Responder