Checkbox und Captcha Abfrage -Bestätigen

[TheBoby]

Hallo werte Forengemeinde.
Ich möchte das der Benutzer sowohl die Checkbox bestätigen muss das er die AGB gelesen hat als auch den richtigen Captcha eingibt und erst dann auf eine andere Webseite weiter geleitet wird.
BeispielCode

Wäre für jede Hilfe Dankbar.
Besten Dank im Voraus und ein schönes Wochenende

 

[basti1012]

Wo hast du den da jetzt genau das problem ?
Du mußt einmal abfragen ob die checkbox geklickt wurde, dann den Captcha Code Code vergleichen und wenn beide abfragen true sind geht es weiter.

Wo stockt es den genau bei dir ?

Du hast aber auch noch viele andere Fehler wie die hier drinne

         document.getElementById("mainCaptcha").innerHTML = code
         document.getElementById("mainCaptcha").value = code

oder dein <h2 hat ein type="text"
usw..
Das sollte auch erstmal behoben werden

 

[TheBoby]

Problem 1 ist das ich auch ohne die Checkbox an die weiter geleitete Webseite komme.
Problem 2 ist die Fehlermeldung "undefined" welche ich nach der Eingabe der Captcha Daten bekomme.
Das Script habe ich in Teilen aus anderen Foren gesammelt.
Teil 1 (Checkbox) hatte ich schon früher genutzt für eine Loginseite:

<form id="LoginForm" action="<?login_path?>" method="post">
              <label class="control-label" for="username"><small>TRZ-U0.....-Account</small></label>
              <div><input id="focus" type="text" name="httpd_username" value="" autofocus></div>
              <br>
              <label class="control-label" for="password"><small>TRZ-Password</small></label>
              <div><input type="password" name="httpd_password" value=""></div>
              <p><input onchange="this.setCustomValidity(validity.valueMissing ? 'Bitte bestätigen Sie, dass Sie sich mit der Datenschutzerklärung einverstanden erklären' : '');" id="field_terms" type="checkbox" required name="terms"> Ich habe die Datenschutzerklärung gelesen und <u>akzeptiere</u> sie!</u></p>
                <input type="submit" name="submit" value="Login">
        </form>
        <script type="text/javascript">
        document.getElementById("field_terms").setCustomValidity("Bitte bestätigen Sie, dass Sie sich mit der Datenschutzerkä¤rung einverstanden erklären.");
        </script>

Teil 2 hatte ich aus dem Internet
Der Captcha alleine war ohne die Weiterleitung zu einer Webseite, hier habe ich diese beiden Stellen angepasst:

function ValidCaptcha(){
     var string1 = removeSpaces(document.getElementById('mainCaptcha').value);
     var string2 = removeSpaces(document.getElementById('txtInput').value);
     if (string1 == string2){
      #### vorher return true ######
       window.location.href = 'https://www.google.de';
           
     }else{     
    ##### vorher "return false" ####  
          Input = "Falsche Eingabe";
          }
}

Leider verstehe ich von dem ganzen zu wenig um Deine Anmerkungen umzusetzen.
Wo müsste ich genau schauen um die Probleme zu beheben?
Wo liegt der Fehler bei deinen Anmerkungen?
Danke im Voraus
VG TBC

 

[basti1012]

Ich finde das da Code bei ist was gar nicht nötig wäre.
Zb die Leerzeichen in den Captcha Code.
Dann 7 mal der Random Code .
Die for Schleife.

Warte mal ab was die anderen dazu noch sagen , aber ich würde den Code so kürzen

Checkbox und Captcha Abfrage -Bestätigen

Checkbox und Captcha Abfrage -Bestätigen Hallo werte Forengemeinde. Ich möchte das der Benutzer sowohl die Checkbox bestätigen muss das er die AGB gelesen hat als auch den richtigen Captcha eingibt und erst dann auf eine andere Webseite weiter geleitet wird. <a...

basti1012.bplaced.net

Da wird die Checkbox über Javascript abgefragt ob sie geklickt wurde.
Du kannst das aber auch mit required machen , wie du es wohl versucht hast .

Wie wolltest du es den haben , oder wahr das nur zufall beim zusammen kopieren des Codes ?

PS: Ich habe bei mir die Zeichen 0,O,l,I entfernt weil man öffters davon gelesen hat das man die schnell verwechseln kann , gerade wenn man andere Schriftarten und andere Styls verwenden tut

 

[TheBoby]

Also ich FINDE sowohl Deine Hilfe 1A* als auch dein Code.
Es funktioniert sogar noch besser als ich es vor hatte wie bspw. die Hinweise was als Eingabe fehlt!
Top hab vielen lieben Dank für deine erneute Hilfe!
Wünsche Dir ein schönes Fest und Guten Rutsch!

 

[TheBoby]

Ein frohes neues Jahr an alle,
ich habe zu diesem Thema noch ein letzte Frage:
Je nach dem wie die Captcha Daten aussehen (klick auf Refresh Button) verschieben sich der Refresh Button und wird bei zu großen Captcha Ausgaben auch selbst mal kleiner.
Wie kann man das ändern bzw. ggf. statischer machen?
Vielen Dank im Voraus
VG TheBob

 

[basti1012]

Zeig mal dein Code oder Codepen , oder besser noch Link zur Seite.

Wenn das alles noch so ist wie beim Codepen dann kann mann da auch nee feste größe geben

#mainCaptcha{
  width:220px;
}

n

 

[TheBoby]

Jetzt schraube ich da ne weile dran rum und bekomme nicht das gewünschte Ergebnis und dann kommst Du mit diesem einfachen Wert, den ich zwar schon genutzt habe allerdings nicht an dieser Stelle, und schon schon erhate ich das gewünschte Ergebnis.
Super ich Danke Dir recht Herzlich für deine erneute Hilfe!!!
Danke und Vg R.