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>

 

Veröffentlicht unter Javascript, Programierung, Shop Systeme Getagged mit: ,

Hinterlasse eine Antwort

Diese Website nutzt Cookies, um unseren Besuchern die bestmögliche Funktionalität bieten zu können. Durch die weitere Nutzung unserer Seiten erklären Sie sich mit dem Einsatz von Cookies einverstanden. Erfahren Sie mehr zum Einsatz von Cookies und dem Umgang mit Ihren persönlichen Daten in unserer: Datenschutzerklärung

Die Cookie-Einstellungen auf dieser Website sind auf "Cookies zulassen", um Ihnen das beste Surferlebnis möglich zu geben. Wenn Sie diese Website ohne Änderung Ihrer Cookie-Einstellungen zu verwenden fortzufahren, oder klicken Sie auf "Akzeptieren" unten, dann erklären Sie sich mit diesen.

Schließen