Challenges with Card Validation and Database Interaction in Stripe Payment Implementation

Question

Stripe Integration in Radzen Blazor

Clicking the "Pay Now" button without entering any card details prompts a validation message to appear. Stripe Card

I've implemented a script for the Pay Now button, which is triggered within the CreateShoppingCartObject method.

This script includes the creation of a Payment Intent method for Stripe Payments. My goal is to validate the card information before it's submitted.

razor.cs page

ShoppingCartInvoke C# Code

Payment Intent Response C# Code

However, I'm encountering an issue with the validation process in the invokeMethod.

It seems that the validation isn't being recognized, and it doesn't access whether a card number has been entered.

As a result, the data is directly stored in the database without undergoing the necessary validation checks.

.razor page
Razor Html Code

I attempted to address this by trying to detect validation using JavaScript.

Unfortunately, the script generates its own iframe, limiting access to the validation process.

Consequently, I'm unable to verify the card information before the Pay Now button is activated.

Bind Card Js Code

Payment Submit Event

Answer 1

What kind of validation are you talking about? I don't see your frontend code collecting card details, and you hard coded a test payment method in your backend end.