Jimdo-Elemente » Kontaktformular Checkbox beschränken

24.01.2018 14:20

Charles
#1

Gibt es einen einfach Weg die Auswahl im Kontaktformular bei Checkboxen auf ein bestimmte Anzahl zu limitieren?
Ich hab ein Formular wo Besucher kostenlos Muster bestellen können. In den Checkboxen können dann die Farben ausgwählt werden.
Ich möchte aber nur bis zu 4 Farben kostenlos verschicken. Gibt es da einen Code der nach 4 Haken keinen mehr zulässt?

Man verändert keine Webseiten man verändert das Verhalten der Besucher auf der Webseite.
Analytics zeigt dir nicht den Grund, es zeigt dir das Ergebnis des Verhaltens der Benutzer.
Retail Is Detail.

Antworten

Beitrag melden

#2

24.01.2018 17:46

Neuling66
#2

Ne

Neuling66

Du meinst also du hast z.B. 8 Checkboxen und 4 sollen max. aus gewählt werden dürfen ?
Das müsstest du dann ja über Java machen.

Vielleicht ist das ja was : Maximal 2 stück

Antworten

Beitrag melden

#3

24.01.2018 17:56

TiJo
#3

Ti

TiJo

gute Antwort!
Nur eine kleine Anmerkung. Java ist nicht gleich JavaScript.

Antworten

Beitrag melden

#4

25.01.2018 07:26

Charles
#4

Charles

Hab den Code so in den head eingefügt:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<script type="text/javascript">
//<![CDATA[
$(document).ready(function () {
    $("input[name='tech']").change(function () {
        var maxAllowed = 2;
        var cnt = $("input[name='tech']:checked").length;
        if (cnt > maxAllowed) {
            $(this).prop("checked", "");
            alert('You can select maximum ' + maxAllowed + ' technologies!!');
        }
    });
});
 
//]]>
</script>
 

Es lassen sich trotzdem noch alle checkboxen anklicken.

Man verändert keine Webseiten man verändert das Verhalten der Besucher auf der Webseite.
Analytics zeigt dir nicht den Grund, es zeigt dir das Ergebnis des Verhaltens der Benutzer.
Retail Is Detail.

Antworten

Beitrag melden

#5

25.01.2018 09:33

TiJo
#5

Ti

TiJo

ganz so einfach mit Copy&Paste ist's dann auch nicht.
Du musst diesen

1
 
input[name='tech'

Schnipsel entsprechenend deinen Gegegenheiten anpassen.

Antworten

Beitrag melden

#6

26.01.2018 07:48

Charles
#6

Charles

Ich kriege den Code nicht zum laufen.

Man verändert keine Webseiten man verändert das Verhalten der Besucher auf der Webseite.
Analytics zeigt dir nicht den Grund, es zeigt dir das Ergebnis des Verhaltens der Benutzer.
Retail Is Detail.

Antworten

Beitrag melden

#7

26.01.2018 09:01 (zuletzt bearbeitet: 26.01.2018 09:01)

TiJo
#7

Ti

TiJo

Um dir helfen zu können, brauchen wir dann schon etwas mehr Infos.
Welche URL betrifft das? Welche Checkboxen? Was genau bekommst du nicht hin?

Antworten

Beitrag melden

#8

26.01.2018 09:19 (zuletzt bearbeitet: 26.01.2018 09:19)

Charles
#8

Charles

https://charles-test.jimdo.com/
Die Farbauswahl auf 4 Stück beschränken.

Man verändert keine Webseiten man verändert das Verhalten der Besucher auf der Webseite.
Analytics zeigt dir nicht den Grund, es zeigt dir das Ergebnis des Verhaltens der Benutzer.
Retail Is Detail.

Antworten

Beitrag melden

#9

26.01.2018 09:27 (zuletzt bearbeitet: 26.01.2018 09:30)

TiJo
#9

Ti

TiJo

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
    $("input[name='m38f89f9971fdae280']").change(function () {
        var maxAllowed = 4;
        var cnt = $("input[name='m38f89f9971fdae280']:checked").length;
        if (cnt > maxAllowed) {
            $(this).prop("checked", "");
            alert('Sie können maximal ' + maxAllowed + ' Muster auf einmal bestellen!');
        }
    });
});</script>
 
 

Müsste dann auch so aussehen: http://jsfiddle.net/Lw2L89vs/

Antworten

Beitrag melden

#10

26.01.2018 11:13 (zuletzt bearbeitet: 27.01.2018 10:49)

Charles
#10

Charles

Vielen Dank TiJo.
Die Zeile hat bei mir gefehlt:

1
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>

Man verändert keine Webseiten man verändert das Verhalten der Besucher auf der Webseite.
Analytics zeigt dir nicht den Grund, es zeigt dir das Ergebnis des Verhaltens der Benutzer.
Retail Is Detail.

Antworten

Beitrag melden

#11

26.01.2018 11:22

TiJo
#11

Ti

TiJo

hast du das noch nicht eingebaut oder funktionierts noch nicht? Habs gerade mal getestet...

Antworten

Beitrag melden

#12

26.01.2018 13:22

Charles
#12

Charles

Das ist bloß meine Testseite, damit ich nicht auf der Liveseite Codes ausprobieren muss.

Man verändert keine Webseiten man verändert das Verhalten der Besucher auf der Webseite.
Analytics zeigt dir nicht den Grund, es zeigt dir das Ergebnis des Verhaltens der Benutzer.
Retail Is Detail.

Antworten

Beitrag melden

#13

27.01.2018 22:47

az_
#13

az_

...interessante Lösung! Und funktioniert auch soweit. In diesem Zusammenhang habe ich auch eine Lösung für Formatierungen von Checkboxen gefunden: https://stackoverflow.com/questions/4148...ckbox-using-css

LG, az

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html