Skip to content

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

@vsrivatsa-edinburgh

Description

@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.

Screenshot 2024-09-26 at 12 22 08 PM

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!

Metadata

Metadata

Assignees

Labels

E-mediumEffort: Requires a fair amount of workenhancementNew feature or requestgood first issueGood for newcomershacktoberfestIssues that are up for grabs for Hacktoberfest participantsphp

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions