How to Add Custom Validation Rule to Billing Address Field in Magento 2

billing-addressmagento-2.1validation

I am using magento 2.1.7. I have added vat field to billing address form. I want to add custom field validation. i have added below code.

Added below validation to phtml file

But my custom validation not working. Magento required field validation is working fine. Can anyone help me.

Best Answer

Override rules.js using below code in my custom module

app/code/Test/Custom/view/frontend/requirejs-config.js

var config = {
    "map": {
        "*" : {
            'Magento_Ui/js/lib/validation/rules' : 'Test_Custom/js/validation/rules'
        }
    }
};

created js file at app/code/Test/Custom/view/frontend/web/js/validation/rules.js

Run php bin/magento setup:static-content:deploy command.

Related Solutions

Magento – How to add new custom field to billing address section in magento2

you need to create a plugin in your custom module ( the one that you used to create the custom attribute ), and have the code something like the following one:

namespace Package\Name\Plugin\Checkout;

class LayoutProcessor
{
    public function afterProcess(
        \Magento\Checkout\Block\Checkout\LayoutProcessor $subject,
        array $jsLayout
    ) {
        // Loop all payment methods (because billing address is appended to the payments)
        $configuration = $jsLayout['components']['checkout']['children']['steps']['children']['billing-step']['children']['payment']['children']['payments-list']['children'];
        foreach ($configuration as $paymentGroup => $groupConfig) {
            if (isset($groupConfig['component']) AND $groupConfig['component'] === 'Magento_Checkout/js/view/billing-address') {

                $jsLayout['components']['checkout']['children']['steps']['children']['billing-step']['children']
                ['payment']['children']['payments-list']['children'][$paymentGroup]['children']['form-fields']['children']['custom_attribute_code'] = [
                    'component' => 'Magento_Ui/js/form/element/abstract',
                    'config' => [
                        'template' => 'ui/form/field',
                        'elementTmpl' => 'ui/form/element/input',
                        'id' => 'custom_attribute_id',
                    ],
                    'dataScope' => $groupConfig['dataScopePrefix'] . '.custom_attribute_id',
                    'label' => __('Custom attribute label'),
                    'provider' => 'checkoutProvider',
                    'visible' => true,
                    'validation' => [
                        'required-entry' => true,
                        'min_text_length' => 0,
                    ],
                    'sortOrder' => 300,
                    'id' => 'custom_attribute_id'
                ];
            }
        }

        return $jsLayout;
    }
}

Hope this helps

Magento – Magento 2 add custom field in customer billing and shipping form

Click here Magento doc for the same.

Best Answer

Related Solutions

Magento – How to add new custom field to billing address section in magento2

Magento – Magento 2 add custom field in customer billing and shipping form

Related Topic