Button hinzufügen

  • Hallo Leute

    Ich möchte einen Button hinzufügen der nur angezeigt wird wenn die Eingabe richtig ist und bei Klick weiteleiten zur neuen Seite.

    Kann mir da jemeand helfen wie es genau funktioniert

    Hier mein Script

    <html>
    <head>
    <meta charset="UTF-8">
    <title>PLZ Validierung</title>
    <script>
    // Einfache Zuordnung von PLZ zu Ort
    const plzStadtMap = {
    "1234": "Test1",
    "4567": "Test2",
    "7890": "Test3"
    };

    function stadtZuordnen() {
    const plzInput = document.getElementById("plz").value;
    const stadtInput = document.getElementById("ort");
               
    // Auto-Fill Ort basierend auf PLZ
    if (plzStadtMap[plzInput]) {
    stadtInput.value = plzStadtMap[plzInput];
    } else {
    stadtInput.value = "keine Lieferung möglich"; // Ort leeren, wenn nicht gefunden
    }
    </script>
    </head>
    <body>

    <form>
    <label for="plz">PLZ:</label>
    <!-- pattern="\d{4}" stellt sicher, dass 4 Ziffern eingegeben werden -->
    <input type="text" id="plz" name="plz" pattern="\d{4}" maxlength="4" required
    oninput="stadtZuordnen()" placeholder="PLZ eingabe">
       
    <label for="stadt">Ort:</label>
    <input type="text" id="ort" name="ort" readonly>
    </form>

    </body>
    </html>

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!