Categories: How To

How to Define Custom Form Validation in Magento

Out of the box, default Magento supports more than 15+ jQuery rules and 99+ default Magento validation rules using validation.js available in Prototype library. It turns out to be useful when we want to use validation in a custom form just by passing the form ID to VarienForm object. But what if we want to use custom form validation along with a custom validation error message? One of our Customers came up with the same requirement, in Which he wanted his customers to accept shipping terms checkbox available in billing form only if his customers are from Canada otherwise he wanted to display a custom error message.

Unfortunately, Default Magento does not support custom error message for validation. So, we have to put below simple code in phtml file.

For Example, app\design\frontend\base\default\template\persistent\checkout\onepage\billing.phtml



Tadda! It’s done. Now, this code will display a Custom error message if any Canadian customers do not accept the shipping terms. Let me know through commenting how this blog helped you and in which type of custom validation, you used this code. If you need any help or facing any problem in implementing custom validation, let me know.

Happy Coding!

Click to rate this post!
[Total: 4 Average: 5]
Dhiren Vasoya

Dhiren Vasoya is a Director and Co-founder at MageComp, Passionate ?️ Certified Magento Developer?‍?. He has more than 9 years of experience in Magento Development and completed 850+ projects to solve the most important E-commerce challenges. He is fond❤️ of coding and if he is not busy developing then you can find him at the cricket ground, hitting boundaries.?

Recent Posts

How to Add Tooltip in Checkout Shipping Field in Magento 2?

Hello Magento Friends, In today’s blog, I will explain How to Add Tooltip in Checkout…

21 hours ago

How to Integrate and Use MongoDB with Laravel?

MongoDB is a popular NoSQL database that offers flexibility and scalability when handling modern web…

2 days ago

NodeJS | Callback Function

In NodeJS, callbacks empower developers to execute asynchronous operations like reading files, handling requests, and…

3 days ago

How to Show SKU in Order Summary in Magento 2?

Hello Magento Friends, In today’s blog, we will learn How to Show SKU in Order…

5 days ago

Best Colors to Use for CTA Buttons

The "Buy Now" and "Add to Cart" buttons serve as the primary call-to-action (CTA) elements…

7 days ago

Magento 2: How to Save Custom Field Value to quote_address for Multi-Shipping Orders

Hello Magento Friends, In Magento 2, the checkout process allows customers to choose multiple shipping…

1 week ago