[PLUGIN] - WooCommerce - Add client-side checkout form validations

[vsrivatsa-edinburgh]

The WooCommerce-Payments-Plugin connect with multiple payment processors with a single API to improve payment conversions, reduce costs and ops. It supports multiple currencies, offers fraud protection, and provides an easy-to-use dashboard for managing transactions and tracking sales.

Getting started

1. Get familiar with Php and Javascript.
2. Check the README.md for project structure and setup instructions.
3. To setup locally, follow the steps provided here

Description:

We need to add client-side validation to all fields in the checkout form. The solution should ensure real-time validation for required fields, email format, credit card details, and other form inputs, providing instant feedback to the user before form submission. This feature aims to reduce submission errors and enhance the user experience by preventing incomplete or incorrect data from being entered.

---

Contribution Guidelines:

• Fork the repository and create a new branch for your work.
• Ensure the WebSDK follows best practices for API integration and field rendering.
• Write clean, well-documented code with clear commit messages.
• Add unit tests to ensure the dynamic field rendering works as expected.
• Make sure to follow our coding standards and contribution guidelines.

---

Helpful Resources:

• Link to WooCommerce-Plugin documentation: WooCommerce

Submission Process:

• Ask the maintainers for assignment of the issue, you can request for assignment by commenting on the issue itself.
• Once assigned, submit a pull request (PR).
• Maintainers will review and provide feedback, if any.
• Maintainers can unassign issues due to inactivity, read more here.

Refer here for Terms and conditions for the contest.

If you have any questions or need help getting started, feel free to ask in the comments!

[Ankesh2004]

@vsrivatsa-edinburgh @gorakhnathy7 I would like to work on this issue , please assign me this

[Ankesh2004]

As the changes of this issue is to be done in woocommerce plugin , I have raised the pull request in juspay/hyperswitch-woocommerce-plugin . Please review it @sakksham7 @gorakhnathy7

[gorakhnathy7]

Great @Ankesh2004, it will be reviewed soon