Checkout UI Extensions Validation on default Shipping Address Form

Shopify Apps
1

Hi, I’m attempting to develop a client side validation ui extension for the checkout where the address field of the user’s shipping address must be in latin characters.

The validation extension works for a new field, as in the tutorial, but I cannot figure out how to apply this validation on the pre-existing address field for the customer’s shipping address.

It doesn’t make sense to have two address fields.

Is it even possible to customize the default form fields? It seems like a huge oversight if not.

Thanks.

4 Likes
2

Hi, I’m looking to do the same. Do you have any updates?

3

Hey, the way to have these buyerJourney validations for specific shipping address fields is to make sure the target is set for the ValidationError

Bare with me for a bit,

If you open this doc page, and then for Interceptors under the Parameters section, expand InterceptorRequest, then InterceptorRequestBlock, then finally ValidationError you’ll see each error can have a target

Here’s the link to the doc page outlining available targets. If you set the targets properly, then your validation error will appear under that specific field, e.g. Address1

Hopefully that helps

3 Likes