Remove Leading And Trailing Whitespace From Zipcode And City Fields

Hi all, I would like to find a way to automatically remove leading and trailing whitespace from ZipCode of the Shipping Estimator and the Profile fields.

We often have reports form customers, that No Shipping Methods error message is shown when using the Shipping Estimator and in the Cart.

This problem occurs when a customer drags and drops the ZipCode from an external page (like an email or another webpage) to the shipping estimator Zipcode textarea.

Often, leading and trailing spaces or other whitespace are also in the string as its dropped in.

Is there a simple smarty command that automatically remove leading and trailing (only) whitespace?



For example in v2.1.4, the shipping_estimation.tpl template has this code:

<input type="text" class="input-text" id="{$prefix}elm_zipcode{$id_suffix}" name="customer_location[zipcode]" size="{if $location != "sidebox"}25{else}20{/if}" value="{$cart.user_data.s_zipcode}" />
```<br />
So the [b]$cart.user_data.s_zipcode[/b] variable will need to be trimmed somehow before the estimator sends the data to the Real-Time Shipping Calculator, in this case Australia Post. It may also effect Manual shipping methods.<br />
<br />
We do lose sales and get time consuming emails regarding this issue... any help will be greatly appreciated.

As for profile fields, I think that the cm-trim microformat can help you:



http://docs.cs-cart…ht=microformats

Hi eComLabs, thanks for the advice. Removing the trailing whitespace will be a start, but also need to ensure that there is no leading whitespace.

Ive taken a look at the microformats doc that you linked to and it states:

[quote]cm-trim - assigned to a label. Trailing spaces are removed from the value of the bound input during the validity check.[/quote]

So I changed the class of the label from:
{$lang.zip_postal_code}:


To:
{$lang.zip_postal_code}:


(Deleted /cache and /compile folders to ensure the cache is cleared and cleared local browser cache)



However, there is no change to the operation of the shipping estimator, as the trailing whitespace is not removed.

The microformats doc is for v4 , and I see in changelog.txt that cm-trim was added in v2.2.1, so it wont be in the v2.1.4 Im trying to fix.



So Ill need a more “smarty” solution, since i also want to remove leading spaces

See the solution below

Cheers

Yes, additional code customization is required for old CS-Cart versions. I missed this point

This works for trimming trailing spaces from a zipcode in v4 and I guess for any versions after v2.2.1.

At about line 95 of

/design/themes/responsive/templates/views/checkout/components/shipping_estimation.tpl

Change this:
{__("zip_postal_code")}


to this:


{__("zip_postal_code")}




Thats for the zipcode in the shipping estimator.

Ive added the cm-trim microformat to core.js of our v2.1.4 store and it seems to work. It trims both leading and trailing whitespace from the zipcode. It will not trim spaces within the string, which is exactly what we want.

For v2.1.4, core.js file:

Find at about line 1802:

// Check the email field

replace it with"


// Check the need to trim value
if (lbl.hasClass('cm-trim')) {
elm.val($.trim(elm.val()));
}
// Check the email field


To trim the shipping estimator zipcode, edit /customer/views/checkout/components/shipping_estimation.tpl

Replace:

{$lang.zip_postal_code}:

With:

{$lang.zip_postal_code}:


Likewise any field should be able to be trimmed just by adding "cm-trim " to the class of the associated withn the same ID as the following .

So adding to /customer/views/profiles/components/profile_fields.tpl will trim all profile fields.

Replace:



With: