Pagsmile ES
  • Introducción
  • Referencia
  • API Payin
    • Ambientes
    • Checkout "todo-en-uno"
      • Página Checkout (General)
      • Página Checkout (E-com)
    • Integración Directa
      • Brasil
        • Tarjeta de Crédito
        • Pix
        • Lottery
        • Boleto
        • Depósito Express
        • Wallet
      • México
        • SPEI
        • CoDi
        • OXXO
        • OXXOPay
        • Efectivo
        • Wallet
      • Colombia
        • PSE
        • Efecty
        • SuRed
        • Gana
        • Baloto
        • Wallet
      • Chile
        • Khipu
        • Transferencia Bancaria
        • Wallet
      • Perú
        • PagoEfectivo
        • Transferencia Bancaria
        • Efectivo
      • Ecuador
        • Transferencia Bancaria
        • Efectivo
      • Guatemala
        • Transferencia Bancaria
        • Efectivo
      • Costa Rica
        • Transferencia Bancaria
        • Efectivo
      • Panamá
        • Efectivo
      • El Salvador
        • Efectivo
      • Rusia
        • Wallet
      • Saudi Arabia
        • Tarjeta de Crédito
      • Kuwait
        • Tarjeta de Crédito
      • Qatar
        • Tarjeta de Crédito
      • Omán
        • Tarjeta de Crédito
      • Emiratos Árabes Unidos
        • Tarjeta de Crédito
      • Bahrain
        • Tarjeta de Crédito
    • Notificaciones
      • Security
    • Pagos Recurrentes
    • Detalle de Pago
    • Reembolso
    • Plug-in & Herramientas
      • Pagsmile JavaScript
      • Pagsmile SDK
      • Registro de lista de Bancos Disponibles
      • Verificación de Detalle de Cuotas
    • Data
      • Método de Pago
      • Data para pruebas (Sandbox)
      • Estado de Payin
      • Lista de Bancos
        • Bancos en Chile
        • Bancos en Peru
        • Bancos en Ecuador
        • Bancos en Panama
        • Bancos en Costa Rica
        • Bancos en El Salvador
        • Bancos en Guatemala
      • Logos de los métodos
    • Código API
  • Payout API
    • Ambientes
    • Seguridad
    • Enviar un payout
      • Pagsmile Wallet
        • Ejemplo WebView
        • Authorización H5
        • Autorización Nativa de APP
        • Enviar Bonificaciones
      • PayPal
        • Países Disponibles
      • Brasil
        • Pix
        • Transferencia Bancaria
      • Mexico
        • SPEI
      • Chile
        • Wallet
        • Transferencia Bancaria
      • Colombia
        • Wallet
        • Transferencia Bancaria
      • Peru
        • Transferencia Bancaria
        • Regiones en Peru
      • Ecuador
        • Transferencia Bancaria
    • Notificaciones
    • Simulación de Payout
    • Página Checkout
    • Balance de cuenta
    • Status de Payout
    • Lista de Payout
    • Detalle de Payout
    • Métodos de Pago
    • Data para pruebas
    • Códigos de Banco
      • Bancos en Brasil
      • Bancos en Chile
      • Bancos en Colombia
      • Bancos en Ecuador
      • Bancos en Mexico
      • Bancos en Peru
    • Código API
  • OTHER
    • Changelog
Powered by GitBook
On this page
  • Validación de Parámetros
  • Demo Website
  1. API Payin
  2. Plug-in & Herramientas

Pagsmile SDK

Uso del SDK para validar el formato de cada campo

PreviousPagsmile JavaScriptNextRegistro de lista de Bancos Disponibles

Last updated 2 years ago

Validación de Parámetros

Método
Arg1
Arg2
Resultado
Notas

formatId(value, code)

(string) Id a formatear

(string) ISO 3166, 3 código digital de país (MEX, CHL, COL, PER, ECU, BRA, PAN, CRI, SLV, GTM, NIC)

(string) formatted id

IDs pueden ser formateadas: (CPF/CNPJ, RFC, NIT/CC, RUT/RUN, DNI/RUC, RUC, CIP, DUI, DPI)

validateId(value, code)

(string) Id a validar

(string) ISO 3166, 3 código digital de país (MEX, CHL, COL, PER, ECU, BRA, PAN, CRI, SLV, GTM, NIC)

(list) [isIdvalid (boolean), idType (string) ]

IDs pueden ser validadas: CPF/CNPJ, RFC, NIT/CC, RUT/RUN, DNI/RUC, RUC, CIP, DUI, DPI

validateName(value)

(string) nombre a validar

-

Sólo funcional en MEX, CHL, COL, PER, ECU, BRA, PAN, CRI, SLV, GTM, NIC

validateEmail(value)

(string) email a validar

-

(boolean) true/false

formatCEP(value)

(string) CEP (zip code) a formatear

-

(string) formatted CEP (zip code)

validateCEP(value)

(string) CEP a validar

-

(boolean) true/false

pagsmileDocNumclearData(value)

(string) Datos a borrar para eliminar caracteres innecesarios (-/.).

-

(string) cleared data

Antes de la solicitud API, los parámetros con formato deben borrarse

Paso 1: Importe la siguiente library al agregar un en medio del tag en su código.

<script type="text/javascript" src="https://checkout.pagsmile.com/public/pagsmileSDK/outboundlibs/pagsmileSDK.min.js"></script>

Paso 2: Call los métodos anteriores listados usando pagsmileSDK.

Ejemplo:

pagsmileSDK.formatId("50284414727","BRA") // 502.844.147-27
pagsmileSDK.validateId("502.844.147-27", "BRA") // [true, 'CPF']
pagsmileSDK.clearData("502.844.147-27") // 50284414727

Demo Website

Click para accesar el demo website.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Example</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script type="text/javascript" src="https://checkout.pagsmile.com/public/pagsmileSDK/outboundlibs/pagsmileSDK.min.js"></script>
    <style type="text/css">
      .error {
        border-color: red;
      }
    </style>
  </head>
  <body>
    <label for="">RFC: </label>
    <input type="text" id="input-rfc" /> <button id="submit-mx-id">Submit RFC</button>
    <br />

    <br />
    <label for="">CPF/CNPJ: </label>
    <input type="text" id="input-br-id" /> <button id="submit-br-id">Submit CPF/CNPJ</button>
    <br />

    <br />
    <label for="">CEP: </label>
    <input type="text" id="input-cep" /> <button id="submit-cep">Submit CEP</button>
    <br />

    <script type="text/javascript" charset="utf-8">
      $("#input-rfc").on("input", (e) => {
        const value = e.target.value;
        const idNode = $("#input-rfc");

        const formattedId = pagsmileSDK.formatId(value, "MEX");
        idNode.val(formattedId);

        const [isIdvalid, idType] = pagsmileSDK.validateId(idNode.val(), "MEX");

        if (isIdvalid) {
          idNode.removeClass("error");
        } else {
          idNode.addClass("error");
        }
      });
      $("#submit-mx-id").click(() => {
        const idNode = $("#input-rfc");
        const [isIdvalid, idType] = pagsmileSDK.validateId(idNode.val(), "MEX");
        if (isIdvalid) {
          const requestData = {
            customer: {
              identify: {
                number: pagsmileSDK.clearData(idNode.val()),
                type: idType,
              }, // .....
            },
          };

          window.alert(JSON.stringify(requestData));
        }
      });

      $("#input-br-id").on("input", (e) => {
        const value = e.target.value;
        const idNode = $("#input-br-id");

        const formattedId = pagsmileSDK.formatId(value, "BRA");
        idNode.val(formattedId);

        const [isIdvalid, idType] = pagsmileSDK.validateId(idNode.val(), "BRA");
        if (isIdvalid) {
          idNode.removeClass("error");
        } else {
          idNode.addClass("error");
        }
      });
      $("#submit-br-id").click(() => {
        const idNode = $("#input-br-id");
        const [isIdvalid, idType] = pagsmileSDK.validateId(idNode.val(), "BRA");
        if (isIdvalid) {
          const requestData = {
            customer: {
              identify: {
                number: pagsmileSDK.clearData(idNode.val()),
                type: idType,
              }, // .....
            },
          };

          window.alert(JSON.stringify(requestData));
        }
      });

      $("#input-cep").on("input", (e) => {
        const value = e.target.value;
        const cepNode = $("#input-cep");

        const formattedCep = pagsmileSDK.formatCEP(value);
        cepNode.val(formattedCep);

        const isCepValid = pagsmileSDK.validateCEP(cepNode.val());
        if (isCepValid) {
          cepNode.removeClass("error");
        } else {
          cepNode.addClass("error");
        }
      });
      $("#submit-cep").click(() => {
        const cepNode = $("#input-cep");
        const isCepValid = pagsmileSDK.validateCEP(cepNode.val());
        if (isCepValid) {
          const requestData = {
            customer: {
              address: {
                zip_code: pagsmileSDK.clearData(cepNode.val()),
              },
            },
          };

          window.alert(JSON.stringify(requestData));
        }
      });
    </script>
  </body>
</html>
here