AJAX/Javascript Kontrollkästchenvalidierung

Question

Dies ist mein erster Beitrag auf Stackoverflow, ich hoffe, Sie können mir helfen!

Ich benötige eine JavaScript/AJAX-Validierung für ein Kontrollkästchen in einem Formular, das ich erstelle. Das Kontrollkästchen ist standardmäßig nicht ausgewählt, aber wenn es aktiviert ist, soll ein JavaScript-Fenster erscheinen, das diesen Text anzeigt, "Sie haben das Newsletter-Kontrollkästchen ausgewählt. Möchten Sie wirklich unseren Newsletter erhalten?" wenn sie auf die Schaltfläche "Absenden" klicken.

Wenn sie auf Ja klicken, sollte das Formular die Informationen des Newsletter-Kontrollkästchens übermitteln. Andernfalls sollte das Formular dennoch übermittelt werden, jedoch ohne die Informationen des Newsletter-Kontrollkästchens.

Ich würde Ihre Hilfe wirklich schätzen, vielen Dank.

Answer 1

Willkommen bei SO!

Sie benötigen eine Javascript-Funktion, die ausgeführt wird, wenn Ihr Formular übermittelt wird. Von dort aus überprüfen Sie, ob das Kästchen markiert ist. Wenn ja, verwenden Sie confirm(), um Ihre Nachricht anzuzeigen. Wenn sie Nein auswählen, deaktivieren Sie das Kästchen über Javascript, und Ihr Formular wird wie gewohnt übermittelt.

Pseudocode:

        function checkNewsLetter()
        {
            var chk = document.getElementById('chk1');
            if ((chk.checked) && (!confirm('Sind Sie sicher, dass Sie sich anmelden möchten?')))
                chk.checked = false;
        }

Ich empfehle auch, jQuery für all Ihre Javascript-Bedürfnisse zu verwenden, es ist sehr einfach zu benutzen.