Magento – Magento 2 Custom Validation on Address Book (street[1])

customer-addressform-validationmagento2

For the checkout screen (custom OneStepCheckout plugin) I managed to succesfully add a custom validation rule on the second street input. Now I'd like to do the same for the default Address Book pages, but I can't seem to figure out where.

The custom rule "housenumber" has been added to the \Magento_Ui\web\js\lib\validation\rules.js files within my custom Theme. Preferably I'd like to use this same rule for validation within the edit page (relative path: /customer/address/edit/id/[XXX]/).

Unfortunately most information seems to be about the checkout page, not for the additional forms where addresses can be edited.

Best Answer

I recommend to take a look at this GitHub module

https://github.com/experius/Magento-2-Module-Experius-Address-Lines

Mage2 Module Experius AddressLines,

Adds labels to address lines and adds configuration per address line.

Configuration Per Line (Required Entry Yes/No, Label and Validation Classes)

Stores > Configuration > Customers > Customer Configuration > Address Lines

This module also works on the Customer Account Address Edit pages and if you enable the Address to Display on the Customer Registration Page it will also show there.

For more information how to Display the Address on the Customer Registration Page take a look at this blog article I wrote https://codeblog.experius.nl/magento-2-address-fields-customer-registration/

Related Solutions

Magento 2 Checkout – How to Add Placeholder Text to Street Fields

Add these file in any of your custom module :

app/code/Vendor/ModuleName/etc/module.xml

<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Module/etc/module.xsd">
  <module name="Vendor_ModuleName" setup_version="2.0.0" />
</config>

app/code/Vendor/ModuleName/registration.php

<?php
\Magento\Framework\Component\ComponentRegistrar::register(
  \Magento\Framework\Component\ComponentRegistrar::MODULE,
  'Vendor_ModuleName',
  __DIR__
);

app/code/Vendor/ModuleName/etc/di.xml

<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
  <type name="Magento\Checkout\Block\Checkout\AttributeMerger">
    <plugin name="shippingAddress" type="Vendor\ModuleName\Plugin\Checkout\Block\Checkout\AttributeMerger\Plugin"/>
  </type>
</config>

Vendor\ModuleName\Plugin\Checkout\Block\Checkout\AttributeMerger\Plugin.php

<?php
namespace Vendor\ModuleName\Plugin\Checkout\Block\Checkout\AttributeMerger;

class Plugin
{
  public function afterMerge(\Magento\Checkout\Block\Checkout\AttributeMerger $subject, $result)
  {
    if (array_key_exists('street', $result)) {
      $result['street']['children'][0]['placeholder'] = __('Flat No/House No/Building No');
      $result['street']['children'][1]['placeholder'] = __('Street Address');
      $result['street']['children'][2]['placeholder'] = __('Landmark');
    }

    return $result;
  }
}

Magento – Remove street address field and required attribute from shipping address

Hmm I'm I think there is no simple solution because the database will need a street. What you could do it create a plugin on GuestShippingInformationManagement (you will also need to do this for the non guest version). And add a fake 'street'. Or make the field hidden and add a default string in the street field?

Best Answer

Related Solutions

Magento 2 Checkout – How to Add Placeholder Text to Street Fields

Magento – Remove street address field and required attribute from shipping address

Related Topic