X-Cart forums - Javascript Validation for Product Options

Quote:

Originally Posted by carpeperdiem

For 4.1.x, try this:

[edited] File: /skin1/modules/Product_Options/customer_options.tpl

FIND

Code:

{foreach from=$v.options item=o}

<option value="{$o.optionid}"{if $o.selected eq 'Y'} selected="selected"{/if}>{$o.option_name}{if $v.is_modifier eq 'Y' && $o.price_modifier ne 0} ({if $o.modifier_type ne '%'}{include file="currency.tpl" value=$o.price_modifier display_sign=1 plain_text_message=1}{else}{$o.price_modifier}%{/if}){/if}</option>{/foreach}

REPLACE WITH:

Code:

<option>Please Select Your {$v.classtext|default:$v.class}...{if $o.selected eq 'Y'} selected="selected"{/if}</option>

{foreach from=$v.options item=o}

<option value="{$o.optionid}">{$o.option_name}{if $v.is_modifier eq 'Y' && $o.price_modifier ne 0} ({if $o.modifier_type ne '%'}{include file="currency.tpl" value=$o.price_modifier display_sign=1 plain_text_message=1}{else}{$o.price_modifier}%{/if}){/if}</option>

{/foreach}

THEN -- in the product options javascript, use something like this:

Code:

if (document.getElementById('po17').selectedIndex == 0)

{ alert('Please select...'); return false;

}

if (document.getElementById('po18').selectedIndex == 0)

{ alert('Please select...'); return false;

}

else return true;

and of course, change the 'po' in the js to the actual product option number.

Okay, so my tpl has been altered already, so I'm not sure where to place this...
I have:

{foreach from=$v.options item=o}
<TR>
<TD>{if $o.avail ne 'Y'}<FONT color="red">{/if}{$o.option_name}{if $o.avail ne 'Y'}</FONT>{/if}</TD>
{if $v.is_modifier eq 'Y' && $o.price_modifier ne 0}
<TD>{$o.price_modifier}</TD>
<TD>{if $o.modifier_type|default:"$" eq '$'}{$config.General.currency_symbol}{else}%{/if}</TD>
{/if}
</TR>
{foreachelse}

>>>this changes the font color when an item is on sale...
>>>and this:

{foreach from=$v.options item=o}
<OPTION value='{$o.optionid}'>{$o.option_name}</OPTION>
{/foreach}

>>>which I have no idea what this does...