Zum Inhalt springen
Der Guide für ein smartes Leben.
Ratgeber: "HTML, CSS, Javascript & PHP"

Webformulare schützen mit jQuery und PHP

Viele Website-Betreiber schützen ihre Formulare vor Spam mit Captchas; Captchas sind jedoch bei den Besuchern unbeliebt. Wer eine stressfreie Spam-Barriere aufbauen möchte, sollte das kostenlose jQuery-Plug-in Qaptcha in die engere Wahl ziehen.

Autoren: Anna Kobylinska und Filipe Pereira Martins • 17.5.2012 • ca. 0:50 Min

Webformulare schützen mit jQuery und PHP
Webformulare schützen mit jQuery und PHP
© Hersteller/ Archiv

Bei dieser Lösung muss der Benutzer des betreffenden Formulars die Absenden-Funktion mit einem Regler entsperren, welcher an den Entsperren-Regler eines iOS- oder Android-Geräts erinnert. Während des Seitenaufbaus erzeugt Qaptcha ein unsichtbares Formularelement mit einem zufällig gewählten geh...

Bei dieser Lösung muss der Benutzer des betreffenden Formulars die Absenden-Funktion mit einem Regler entsperren, welcher an den Entsperren-Regler eines iOS- oder Android-Geräts erinnert. Während des Seitenaufbaus erzeugt Qaptcha ein unsichtbares Formularelement mit einem zufällig gewählten geheimen Namen und einem ebenfalls zufälligen und geheimen Passwort.

if(isset($_
SESSION['qaptcha_
key']) && !empty($_
SESSION['qaptcha_
key']))
{
$myVar = $_SESSION['qaptcha_key'];
if(isset($_POST[''.$myVar.'']) && empty($_POST
[''.$myVar.'']))
// der auszuführende Code, falls Versenden erlaubt
else
// der auszuführende Code, falls Versenden nicht erlaubt
}
unset($_SESSION['qaptcha_key']);

In Browsern mit deaktiviertem Javascript wird weder das versteckte Formularelement mit den  Geheimwerten noch die Sitzung erzeugt und so liefert das PHP-Kontrollskript den Wert false bei (isset($_POST[''.$myVar.'']) und (isset($_ SESSION['qaptcha_key']) &&  $_SESSION['qaptcha_key']) zurück. Zur Einbindung der Funktion in Ihr Webformular fügen Sie ihm diesen Code hinzu:

<!-- JS --><script type="text/Javascript">
$(document).ready(function(){
$('.QapTcha').QapTcha({disabledSubmit:false,
autoRevert:true});
});</script>

Das Plug-in erfordert PHP in der Version 5.2, jQuery und jQueryUI mit der Erweiterung jquery.ui.touch.js. Das Plugin können Sie hier herunterladen .

Mehr zum Thema
Online-Shop mit Opencart erstellen
Ratgeber: "Web-Business" Online-Shop mit Opencart erstellen
image.jpg
Mitmachen und gewinnen
Ratgeber: "Webdesign" Rechte verwalten mit Joomla 2.5
3D-Effekt für Verknüpfungen mit CSS
Ratgeber: "HTML, CSS, Javascript & PHP" 3D-Effekt für Verknüpfungen mit CSS