Formularweiterleitung mit Überprüfung


  • Rainis
  • 1248 Aufrufe 4 Antworten

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Formularweiterleitung mit Überprüfung

    Hallo FSBler!
    Habe schon gegooglet und die SUFU angestrengt aber nichts vernünfitiges gefunden!:(
    Ich habe vor in meiner Seite einen Disclaimer einzubauen dem man zustimmen muss bevor man weitergeleitet wird.
    Am besten so mit ner Checkbox die angeklickt werden muss und erst dann kann man weiter. So in dem Stil:"Ich habe den Disclaimer gelesen und akzeptiert."

    Das Prob ich bin nicht so die Leuchte in Java Script!
    Kann mir jemand vielleicht den Quelltext für sowas posten?
    Am besten eine gazne HTML Seite nicht nur einzel Teile!

    Danke für eure Bemühungen

    MFG Rainis
  • Hey Rainis,

    versuch es mal hiermit:

    HTML-Quellcode

    1. <html>
    2. <head>
    3. <script type="text/javascript">
    4. var requiredFields = Array(
    5. "agb"
    6. );
    7. var messages = Array(
    8. "[COLOR='Red']Sie müssen den Disclaimer gelesen haben![/COLOR]"
    9. );
    10. var requiredFieldsColor = '#DAE9FF';
    11. function validate(form)
    12. {
    13. for(var i=0; i<requiredFields.length; i++)
    14. {
    15. if(form.elements[requiredFields[i]].type!='checkbox')
    16. {
    17. if(form.elements[requiredFields[i]].value.match(/^\s*$/))
    18. {
    19. alert(messages);
    20. form.elements[requiredFields[i]].value="";
    21. form.elements[requiredFields[i]].focus();
    22. return false;
    23. }
    24. }
    25. else
    26. {
    27. if(!form.elements[requiredFields[i]].checked)
    28. {
    29. alert(messages);
    30. return false;
    31. }
    32. }
    33. }
    34. return true;
    35. }
    36. function init(form)
    37. {
    38. for(var i=0; i<requiredFields.length; i++)
    39. form.elements[requiredFields[i]].style.backgroundColor
    40. =requiredFieldsColor;
    41. }
    42. </script>
    43. </head>
    44. <body onLoad="init(document.forms[0])">
    45. <form action="[COLOR='Green']DeineSeite.html[/COLOR]" onSubmit="return validate(this);">
    46. <pre>
    47. <input name="agb" type=checkbox> [COLOR='Blue']Ich habe den Disclaimer gelesen und verstanden.[/COLOR]<br>
    48. <input type=submit value="[COLOR='DarkOrchid']Bestätigen[/COLOR]">
    49. </pre>
    50. </form>
    51. </body>
    52. </html>
    Alles anzeigen


    Das ist Dein Ausgabetext, der in der Box erscheint. Diesen kannst Du nach Deinen Wünschen anpassen

    Hier muss der Name der Seite hin, auf die nach dem Bestätigen weitergeleitet wird

    Das ist der Text, der neben der Checkbox stehen soll

    das ist der Text, der auf dem Button erscheint

    ich hoffe, ich konnte Dir helfen

    greetz
    taurus