Ich möchte ein Captcha erstellen, um Spammer zu stoppen, aber nicht über das Knowhow php und MySql zu erstellen, um serverseitige Validierung zu erstellen. Jede Hilfe wäre wünschenswert ...Erstellen Sie ein CAPTCHA Verifikationsformular mit JS (nicht serverseitig)
0
A
Antwort
0
HTML funktioniert:
<!DOCTYPE html>
<html>
<head><title>JS Captcha by Ian L. of Jafty.com</title>
<style>
body{
background-color: #430000;
}
</style>
</head>
<body>
<form name="review" ACTION="newpg.html" METHOD="POST" onsubmit="return checkform(this);">
<font color="#DD0000">Enter Code ></font> <span id="txtCaptchaDiv" style="background-color:#A51D22;color:#FFF;padding:5px"></span>
<input type="hidden" id="txtCaptcha" />
<input type="text" name="txtInput" id="txtInput" size="15" />
<input type="submit" value="Submit"/>
</form>
Javascript:
function checkform(theform){
var why = "";
if(theform.txtInput.value == ""){
why += "- Security code should not be empty.\n";
}
if(theform.txtInput.value != ""){
if(ValidCaptcha(theform.txtInput.value) == false){
why += "- Security code did not match.\n";
}
}
if(why != ""){
alert(why);
return false;
}
}
//Generates the captcha function
var a = Math.ceil(Math.random() * 9)+ '';
var b = Math.ceil(Math.random() * 9)+ '';
var c = Math.ceil(Math.random() * 9)+ '';
var d = Math.ceil(Math.random() * 9)+ '';
var e = Math.ceil(Math.random() * 9)+ '';
var code = a + b + c + d + e;
document.getElementById("txtCaptcha").value = code;
document.getElementById("txtCaptchaDiv").innerHTML = code;
// Validate the Entered input aganist the generated security code function
function ValidCaptcha(){
var str1 = removeSpaces(document.getElementById('txtCaptcha').value);
var str2 = removeSpaces(document.getElementById('txtInput').value);
if (str1 == str2){
return true;
}else{
return false;
}
}
// Remove the spaces from the entered and generated code
function removeSpaces(string){
return string.split(' ').join('');
}
Dies ist nur ein einfaches ohne Styling, aber es funktioniert gut.
0
Es gibt viele automatische Lösungen von Drittanbietern für Captchas wie ReCaptcha. Aber here Sie die explanationon finden, wie man tatsächlich eine solche Technologie
Verwandte Themen
- 1. Captcha-Implementierung in Angular JS
- 2. Wo ein Captcha enthalten?
- 3. Ein anderer Ansatz captcha
- 4. Google Captcha mit AngularJS
- 5. Wie automatisiertes Testen von Formularen mit Captcha? mit captcha
- 6. Webcontrol zeigt Captcha nicht
- 7. Problem mit Captcha
- 8. Wie lese ich ein CAPTCHA mit Java?
- 9. Captcha mit Mathematics
- 10. So erstellen Sie Ajax Refresh für Django-Simple-Captcha
- 11. Erstellen Sie HTTPS-Server mit Knoten js
- 12. Sitefinity Mit integriertem Captcha
- 13. PHP: Problem mit captcha
- 14. yii captcha nicht richtig validieren
- 15. Kann nicht zwei Formulare mit runat serverseitig in ASP.net haben?
- 16. CDN-Dateien serverseitig. Senden Sie zusätzliche Parameter nicht funktioniert
- 17. Codeigniter Captcha nicht angezeigt Bild
- 18. Captcha nicht validieren in yii2
- 19. Reagieren serverseitig und clientseitig Rendering nicht nahtlos
- 20. Wohin mit Java Simple Captcha Builder?
- 21. Kann ich ein Bild in mySQL serverseitig laden?
- 22. ein Git Erstellen begeht mit CSS Graph Artliste/js
- 23. Jade Vorlage mit Variablen (nodejs serverseitig)
- 24. Erstellen Sie reagieren unveränderlich JS verschachtelten Zustand
- 25. Captcha-Algorithmus
- 26. Webpack: Ignoriere Client-Bibliotheken serverseitig
- 27. Laden Sie ein js Bild
- 28. Create Treemap serverseitig mit jsdom, highcharts
- 29. Wie Google Captcha
- 30. So erstellen Sie ein Modal