Rechnungsadresse vorbelegte Felder und Standardwert

  • Nicklas Nicklas
    Jedi-Meister
    0 x
    441 Beiträge
    0 Hilfreiche Beiträge
    26. 11. 2011, 10:58

    Hallo zusammen,

    Folgende Anforderung habe ich:
    Beim ersten Aufruf der Seite zur Eingabe der Rechnungs und Versandadresse sollen die Felder vorbelegt sein, nämlich genau mit dem, was eigentlich im Label steht. Sprich mein input-Feld sieht zunächst mal so aus:

    1. <input type="text" name="recs[personinfo][address]" size="30" id="billing_address" value="Adresse" />

    Das ist natürlich blöd, wenn man dann von der Übersichtsseite zurück auf die Eingabe-Seite kommt sind die eingegeben Werte wieder weg und es steht nur "Adresse" da.
    Also habe ich an folgendes gedacht:
    1. <input type="text" name="recs[personinfo][address]" size="30" id="billing_address" value="###PERSON_ADDRESS###" onload="if(this.value=='') this.value='Adresse'" />

    Sprich, wenn noch nichts eingegeben wurde, soll der Standardwert da stehen, sonst eben das eingegebene.
    Das klappt leider nicht, keine Ahnung weshalb.

    Mein Endziel ist:

    1. <input type="text" name="recs[personinfo][address]" size="30" id="billing_address" value="###PERSON_ADDRESS###" onload="if(this.value=='') this.value='Adresse'" onFocus="if(this.value=='Adresse') this.value=''" />

    Also
    1. Wenn nichts eingegeben soll Adresse da stehen
    2. Wenn man auf das Standardfeld klickt soll es sch automatisch leeren
    3. Nach korrekter Eingabe soll das künftig übernommen werden

    Sieht jemand meinen (Denk)Fehler oder hat eine andere Idee?

    Danke und Gruß


  • 1
  • Nicklas Nicklas
    Jedi-Meister
    0 x
    441 Beiträge
    0 Hilfreiche Beiträge
    01. 12. 2011, 11:46

    Habe es mit jQuery gelöst..

    Wenn Feld leer, dann setzen:

    1. function setInputs() {
    2. if($(":input#billing_name").val()==''){$(":input#billing_name").val('Name*');}
    3. if($(":input#billing_country").val()==''){$(":input#billing_country").val('Firma');}
    4. if($(":input#billing_address").val()==''){$(":input#billing_address").val('Adresse*');}
    5. if($(":input#billing_zip").val()==''){$(":input#billing_zip").val('PLZ*');}
    6. if($(":input#billing_city").val()==''){$(":input#billing_city").val('Ort*');}
    7. if($(":input#billing_email").val()==''){$(":input#billing_email").val('E-Mail*');}
    8. if($(":input#billing_telephone").val()==''){$(":input#billing_telephone").val('Telefon');}
    9.  
    10. if($(":input#delivery_name").val()==''){$(":input#delivery_name").val('Name*');}
    11. if($(":input#delivery_country").val()==''){$(":input#delivery_country").val('Firma');}
    12. if($(":input#delivery_address").val()==''){$(":input#delivery_address").val('Adresse*');}
    13. if($(":input#delivery_zip").val()==''){$(":input#delivery_zip").val('PLZ*');}
    14. if($(":input#delivery_city").val()==''){$(":input#delivery_city").val('Ort*');}
    15. if($(":input#delivery_email").val()==''){$(":input#delivery_email").val('E-Mail*');}
    16. if($(":input#delivery_telephone").val()==''){$(":input#delivery_telephone").val('Telefon');}

    -> die <img smilie> bekomm ich leider nicht weg..

  • 1