Modified Shop – Optionen als Pflichtfelder definieren

Eine Prüfung der Optionen als Pflichtfelder ist für Eingabefelder, Eingabebereiche, Auswahllisten, Radio-Buttons und Checkboxen im Modified Shop 1.6 möglich.
Folgend das prinzipielle Vorgehen. Es ist eine recht einfache Prüfung basierend auf Javascript.

1. In der product_options_dropdown.html oder in einem anderen Template der entsprechenden Option eine id geben (hier bei Option Gewicht)

<select name="id[{$options_data.ID}]" {if $options_data.NAME =='Gewicht'}id="gewicht"{/if}>
  {foreach key=key_data item=item_data from=$options_data.DATA}
    <option value="{$item_data.ID}">{$item_data.TEXT}{if $item_data.PRICE !='' }{$item_data.PREFIX}{$item_data.PRICE}{/if}</option>                   
  {/foreach}
</select>

2. In der Javascript section den value der id prüfen

<script type="text/javascript">
  function validTextField () {
    datepicker_temp = document.getElementById("datepicker").value; // ID vom Freitextfeld hier eintragen, Bsp: Id=datepicker
    var e = document.getElementById("gewicht");
    var e_gewicht = e.options[e.selectedIndex].text; // ID von select option box hier eintragen, Bsp: Id=Gewicht
    if (datepicker_temp == "") {
      alert("Bitte ein Lieferdatum eingeben!");
      document.getElementById("datepicker").focus(); // ID vom Freitextfeld hier eintragen, Bsp: Id=datepicker
      return false;
    }
    //Select option Pflichtfeld
    else if (e_gewicht == "") {
       alert("Bitte die Option Gewicht eingeben!");
       document.getElementById("gewicht").focus();
       return false;
     }
     else{
        return true;
     }
  }
</script>

 

Schreibe einen Kommentar