Steuerung V

    Corsair K100 RGB Optisch-Mechanische Gaming-Tastatur (CORSAIR OPX Optical: Blitzschnelle & Linearer, RGB Beleuchtung, PBT-Double-Shot-Tastenkappen, Integration Elgato Stream Deck) QWERTZ, Schwarz
    Corsair K100 RGB Optisch-Mechanische Gaming-Tastatur (CORSAIR OPX Optical: Blitzschnelle & Linearer, RGB Beleuchtung, PBT-Double-Shot-Tastenkappen, Integration…
    www.amazon.de

    <script src="script.js" type="text/javascript"></script>

    [tabmenu]

    Discord: benh06

    var pattern = /^([a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+(\.[a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+)*|"((([ \t]*\r\n)?[ \t]+)?([\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|\\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))*(([ \t]*\r\n)?[ \t]+)?")@(([a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.)+([a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.?$/i;

    [tabmenu]

    Discord: benh06

    §1.14 Amored Vehicle Platoon

    [tabmenu]

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html"; charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>jQuery</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <style type="text/css">

    body{
    font-family: helvetica, sans-serif;
    font-size: 160%;
    }
    input{
    padding: 5px 5px 12px 5px;
    font-size: 20px;
    border: 1px solid grey;
    border-radius: 5px;
    width: 320px;
    }
    label{
    position: relative;
    top: 4px;
    width: 168px;
    float: left;
    }
    #wrapper{
    width: 500px;
    margin: 0 auto;
    }
    .form-element{
    margin-bottom: 10px;
    }
    #submitButton{
    margin-top: 20px;
    width: 180px;
    }
    #errorMessage{
    color: red;
    font-size:110% , important;
    }
    #successMessage{
    color: green;
    display: none;
    }

    </style>
    </head>
    <body>
    <div id="wrapper">
    <div class="form-element">
    <label for="email">Email:</label>
    <input type="email" name="email" id="email" placeholder = "z.B. hans@email.com">
    </div>
    <div class="form-element">
    <label for="tel">Telefon:</label>
    <input type="number" name="tel" id="tel" placeholder = "z.B. 0123456789">
    </div>
    <div class="form-element">
    <label for="pass">Passwort:</label>
    <input type="password" name="pass" id="pass">
    </div>
    <div class="form-element">
    <label for="pass2">Passwort wiederholen:</label>
    <input type="password" name="pass2" id="pass2">
    </div>
    </div>
    <div class="form-element">
    <input type="submit" id="submitButton" value="registrieren">
    </div>
    <div id="errorMessage"></div>
    <div id="successMessage">Du hast dich erfolgreich registriert!</div>
    <script src="script.js" type="text/javascript">

    function isValidEmailAddress(emailAddress) {
    var pattern = /^([a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+(\.[a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+)*|"((([ \t]*\r\n)?[ \t]+)?([\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|\\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))*(([ \t]*\r\n)?[ \t]+)?")@(([a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.)+([a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.?$/i;
    return pattern.test(emailAddress);
    };
    $("#submitButton").click(function(){
    var errorMessage = "";
    if(isValidEmailAddress($("#email").val()) == false){
    errorMessage += "<p>Deine Emailadresse ist inkorrekt</p>";
    }
    if($("#tel").val().toString().length <5){
    errorMessage += "<p>Deine Telefonnummer ist zu kurz.</p>";
    }
    if($("#pass").val() != $("#pass2").val()){
    errorMessage += "<p>Deine Passwörter stimmen nicht überein.</p>";
    }
    if(errorMessage != ""){
    $("#errorMessage").html(errorMessage);
    $("#successMessage").hide();
    $("#errorMessage").show();
    }
    else{
    $("#successMessage").show();
    $("#errorMessage").hide();
    }
    });

    </script>
    </body>
    </html>

    [tabmenu]

    Discord: benh06

  • Beitrag von Ben | 9eq_ (27. Januar 2022 um 15:56)

    Dieser Beitrag wurde vom Autor aus folgendem Grund gelöscht: Hat in der Vorschau anders ausgesehen ;( (27. Januar 2022 um 15:56).

    <br>

    [tabmenu]

    Discord: benh06