Card Utilities

You can use these methods for card payment method integration.

• Fetch card network

• Validate card number

• Fetch card number length of a card network

Fetch Card Network

The SDK provides a method to get the card network name of the provided card number.

• At least 6 digits of the card number are required to identify the network.
  
• Possible values returned by this method are visa, mastercard and unknown.
  
• If it is not able to identify the network it returns unknown.

razorpay.getCardNetwork(cardNumber);

Validate Card Number

You can determine the validity of the card number entered using the isValidCardNumber method. This is a checksum-based method to determine if the entered card number is valid or not.

razorpay.isValidCardNumber(cardNumber);

Fetch Card Number Length for Card Network

You can fetch the length of a card number for a specific card network using the getCardNetworkLength method.

razorpay.getCardNetworkLength(cardNetworkName);

Logo

Given below are the methods provided by the SDK to support FPX and wallet payments. You can use these methods to fetch:

• Bank Logo URL

• Wallet Logo URL

• Square-shaped Wallet Logo URL

Fetch Bank Logo URL

The SDK provides a method to fetch the bank logo's URL, here bankCode is the code of bank, you will be able to get it from the response received in onPaymentMethodsReceived callback.

razorpay.getBankLogoUrl(bankCode);

Fetch Wallet Logo URL

The SDK provides a method to get the wallet logo's URL.

razorpay.getWalletLogoUrl(walletName);

Fetch Wallet Square Logo URL

The SDK provides a method to get the wallet's square-shaped logo's URL.

razorpay.getWalletSqLogoUrl(walletName);

Data Validation

The SDK provides basic validation for the payment data JSONObject. In case of a validation error, the SDK returns an error map in the onValidationError callback function.

Sample Code

The sample code shown below describes a validation error on the contact field:

razorpay.validateFields(payload, new Razorpay.ValidationListener() {
	@Override
	public void onValidationSuccess() {
		try {
		  razorpay.submit(payload);
		} catch (Exception exception){}
	}

	@Override
	public void onValidationError(Map<String, String> error) {
		/**
		 * The format for returned map is:
		 *   "field" : "contact"
		 *   "description" : "Descriptive error message"
		 */
		Toast.makeText(activity, "Validation: " + error.get("field") + " " + error.get("description"), Toast.LENGTH_SHORT).show();
	}
});

Custom WebViewClient and WebChromeClient

Our SDK sets an instance of RazorpayWebViewClient and RazorpayWebChromeClient to the Webview passed to facilitate bank page optimizations. If you want to set your own custom WebViewClient you have to extend RazorpayWebViewClient and pass it to our SDK.

Sample Code

The sample code given below shows how to customize the RazorpayWebViewClient:

/**
 * Extend the RazorpayWebViewClient for your custom hooks
 */
razorpay.setWebviewClient(new RazorpayWebViewClient(razorpay){

  @Override
  public void onPageStarted(WebView view, String url, Bitmap favicon) {
      // Make sure you don't forget to call the super method
      super.onPageStarted(view, url, favicon);
      Log.d(TAG, "Custom client onPageStarted");
  }

  @Override
  public void onPageFinished(WebView view, String url) {
      // Make sure you don't forget to call the super method
      super.onPageFinished(view, url);
      Log.d(TAG, "Custom client onPageFinished");
  }
});

Similarly, you can set your own WebChromeClient:

/**
 * Extend the RazorpayWebChromeClient for your custom hooks
 */
razorpay.setWebChromeClient(new RazorpayWebChromeClient() {
	@Override
	public void onProgressChanged(WebView view, int newProgress) {
		// Make sure you don't forget to call the super method
		super.onProgressChanged(view, newProgress);
		customProgressBar.setProgress(newProgress);
	}
});