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
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
<script> jQuery(document).ready(function () { jQuery("#billing-new-address-form [id*='country_id']").change(function() { var country_name=jQuery(this).val(); if(country_name=='CA') { jQuery( "#billing-new-address-form ul " ).append( '<li class="control" id="canadian-rule-condition"><input class="checkbox validate-canadian-rule required-entry" name="billing[canadian-rule-condition]" type="checkbox"><label class="required"><em>*</em>I understand that I am responsible for Canadian Tax & duties.<em>*</em></label></li>' ); } else { jQuery( "#billing-new-address-form ul > li" ).remove( "#canadian-rule-condition" ); } }); }); </script> <script type="text/javascript"> // custom validation for check canadian-rule is check or not //<![CDATA[ var theForm = new VarienForm('co-billing-form', true); Validation.add('validate-canadian-rule','Please accept shipping terms',function(the_field_value){ if(the_field_value ==null) { return false; } return true; }); //]]> </script> |
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!
