required input

[black79]

Heiß das, dass es jetzt funktioniert?

 Ich habe das alte Script mit ein paar Anpassungen von Dir wieder eingesetzt.
 Ist bestimmt nicht das gelbe vom Ei, aber es funktioniert.
 

Code:

/* START */
const formKontakt = document.querySelector('form[name="kontakt"]');
formKontakt.addEventListener('submit', (event) => {
    // Default-Aktion, Abschicken des Formulars, verhindern,
    // weil wir es mit Ajax zum Server schicken wollen:
    event.preventDefault();

    $.ajax({
        type: 'POST',
        url: '../database/post_kontakt_neu.php',
        data: {
            vorname: formKontakt.querySelector('input[name="firstname"]').value,
            nachname: formKontakt.querySelector('input[name="lastname"]').value,
            firma: formKontakt.querySelector('input[name="company"]').value,
            telefon: formKontakt.querySelector('input[name="phone"]').value,
            mobil: formKontakt.querySelector('input[name="mobil"]').value,
            fax: formKontakt.querySelector('input[name="fax"]').value,
            funktion: formKontakt.querySelector('input[name="funktion"]').value,
            email: formKontakt.querySelector('input[name="email"]').value,
            prowl: formKontakt.querySelector('input[name="prowl"]').value,
            divera: formKontakt.querySelector('input[name="divera"]').value,
            synonym: formKontakt.querySelector('input[name="synonym"]').value,
            action: 'insert_kontakt',
        },
        success: function () {
            formKontakt.reset();
            $('#table_kontakt').load(window.location.href + ' #table_kontakt');
            document.getElementById('alert-kontakt').style.display = 'block';
            document.querySelector('form[name="kontakt"]').style.display = 'none';
            $('#ueberschriftKontakt').load(
                window.location.href + ' #ueberschriftKontakt'
            );
        },
    });
});

let buttonKontaktBestaetigen = document.getElementById('closeKontaktNeu');

if (buttonKontaktBestaetigen) {
    buttonKontaktBestaetigen.addEventListener('click', () => {
        document.getElementById('alert-kontakt').style.display = 'none';
        document.querySelector('form[name="kontakt"]').style.display = 'block';
    });
}
/* ENDE */

PHP-Code:

<?php
 require("../includes/mysqlPdo.php");

 if($_POST["action"] == "insert_kontakt"){
    $vorname = $_POST["vorname"];
    $nachname = $_POST["nachname"];
    $firma = $_POST["firma"]; 
    $telefon = $_POST["telefon"]; 
    $mobil = $_POST["mobil"];
    $fax = $_POST["fax"];
    $funktion = $_POST["funktion"];
    $email = $_POST["email"];
    $prowl = $_POST["prowl"];
    $divera = $_POST["divera"];
    $synonym = $_POST["synonym"];

    $sql = $pdo->prepare("INSERT INTO tbl_kontakte (vorname, nachname, mobilfunk, telefon, firma, details, email, merkmal_1, merkmal_2, merkmal_3, merkmal_4) VALUES ('".$vorname."','".$nachname."', '".$mobil."','".$telefon."' ,'".$firma."' ,'".$fax."' ,'".$email."' ,'".$funktion."' ,'".$prowl."' ,'".$divera."' ,'".$synonym."')");
    $sql->execute();
}
?>