在联系表中有多个警告框

Question

你好，我正在尝试做一个联系表单，当我按下提交按钮时，它会给我一个警告框（例如，一个“表单无法提交”的警告框和一个“表单已成功提交”的警告框）我怎样才能做到这一点？它适用于 if/else 吗？

我使用 html/php/js 制作表格，下面是我的代码（对不起德语）

                $anrede = $vorname = $nachname = $anschrift = $postleitzahl = $stadt = $email = $telefon = $nachricht = "";

                if ($_SERVER["REQUEST_METHOD"] == "POST") {
                    if (empty($_POST["anrede"])) {
                        $anredeErr = "* Anrede wird benötigt";
                    } else {
                        $anrede = test_input($_POST["anrede"]);
                    }

                    if (empty($_POST["vorname"])) {
                        $vornameErr = "* Vorname wird benötigt";
                    } else {
                        $vorname = test_input($_POST["vorname"]);
                        if (!preg_match("/^[a-zA-Z]*$/",$vorname)) {
                            $vornameErr = "* Nur Buchstaben erlaubt";
                        }
                    }

                    if (empty($_POST["nachname"])) {
                        $nachnameErr = "* Nachname wird benötigt";
                    } else {
                        $nachname = test_input($_POST["nachname"]);
                        if (!preg_match("/^[a-zA-Z]*$/",$nachname)) {
                            $nachnameErr = "* Nur Buchstaben erlaubt";
                        }
                    }

                    if (empty($_POST["anschrift"])) {
                        $anschriftErr = "* Anschrift wird benötigt";
                    } else {
                        $anschrift = test_input($_POST["anschrift"]);
                    }

                    if (empty($_POST["postleitzahl"])) {
                        $postleitzahlErr = "* Postleitzahl wird benötigt";
                    } else {
                        $postleitzahl = test_input($_POST["postleitzahl"]);
                        if (!preg_match("/^[0-9]*$/",$postleitzahl)) {
                            $postleitzahlErr = "* Nur Zahlen erlaubt";
                        }
                    }

                    if (empty($_POST["stadt"])) {
                        $stadtErr = "* Stadt / Ort wird benötigt";
                    } else {
                        $stadt = test_input($_POST["stadt"]);
                        if (!preg_match("/^[a-zA-Z-' ]*$/",$stadt)) {
                            $stadtErr = "* Nur Buchstaben und Leerzeichen erlaubt";
                          }
                    }

                    if (empty($_POST["email"])) {
                        $emailErr = "* E-Mail wird benötigt";
                    } else {
                        $email = test_input($_POST["email"]);
                        if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
                            $emailErr = "* Falsches E-Mail Format";
                        }
                    }

                    if (empty($_POST["telefon"])) {
                        $telefon = "";
                    } else {
                        $telefon = test_input($_POST["telefon"]);
                        if (!preg_match("/^[0-9]*$/",$telefon)) {
                            $telefonErr = "* Nur Zahlen erlaubt";
                        }
                    }

                    if (empty($_POST["nachricht"])) {
                        $nachrichtErr = "Nachricht wird benötigt";
                    } else {
                        $nachricht = test_input($_POST["nachricht"]);
                    }    
                }

                function test_input($data) {
                    $data = trim($data);
                    $data = stripslashes($data);
                    $data = htmlspecialchars($data);
                    return $data;
                }
                ?>

                <div id="kontaktformular-container">
                    <h2 class="h2-body3">Schreiben Sie uns eine E-Mail.<br></h2>
                    <h1 class="h1-body3">Kontaktformular</h1>
                    <form class="kontaktformular" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>" method="POST">
                        <div class="form-div">
                            <i class="fas fa-pen"></i>
                            <input class="form-input" type="text" id="anrede" name="anrede" placeholder="Anrede *" value="<?php echo $anrede ?>">
                            <span class="error"><?php echo $anredeErr;?></span>
                            <br>
                        </div>
                        <div class="form-div">
                            <i class="fas fa-pen"></i>
                            <input class="form-input" type="text" id="vorname" name="vorname" placeholder="Vorname *" value="<?php echo $vorname ?>">
                            <span class="error"><?php echo $vornameErr;?></span>
                            <br>
                        </div>
                        <div class="form-div">
                            <i class="fas fa-pen"></i>
                            <input class="form-input" type="text" id="nachname" name="nachname" placeholder="Nachname *" value="<?php echo $nachname ?>">
                            <span class="error"><?php echo $nachnameErr;?></span>
                            <br>
                        </div>
                        <div class="form-div">
                            <i class="fas fa-pen"></i>
                            <input class="form-input" type="text" id="anschrift" name="anschrift" placeholder="Anschrift *" value="<?php echo $anschrift ?>">
                            <span class="error"><?php echo $anschriftErr;?></span>
                            <br>
                        </div>
                        <div class="form-div">
                            <i class="fas fa-pen"></i>
                            <input class="form-input" type="text" id="postleitzahl" name="postleitzahl" placeholder="Postleitzahl *" value="<?php echo $postleitzahl ?>">
                            <span class="error"><?php echo $postleitzahlErr;?></span>
                            <br>
                        </div>
                        <div class="form-div">
                            <i class="fas fa-pen"></i>
                            <input class="form-input" type="text" id="stadt" name="stadt" placeholder="Stadt / Ort *" value="<?php echo $stadt ?>">
                            <span class="error"><?php echo $stadtErr;?></span>
                            <br>
                        </div>
                        <div class="form-div">
                            <i class="fas fa-pen"></i>
                            <input class="form-input" type="text" id="email" name="email" placeholder="E-Mail-Adresse *" value="<?php echo $email ?>">
                            <span class="error"><?php echo $emailErr;?></span>
                            <br>
                        </div>
                        <div class="form-div">
                            <i class="fas fa-pen"></i>
                            <input class="form-input" type="text" id="telefon" name="telefon" placeholder="Telefon" value="<?php echo $telefon ?>">
                            <br>
                        </div>
                        <div class="form-div">
                            <i class="fas fa-pen"></i>
                            <textarea class="form-input" id="nachricht" name="nachricht" rows="10" placeholder="Ihre Nachricht *"><?php echo $nachricht ?></textarea>
                            <span class="error"><?php echo $nachrichtErr;?></span>
                            <br>
                        </div>
                        <br>
                        <p class="p-kontakt">Mit einem * markierte Felder sind Pflichtfelder.</p>
                        <br>
                        <p class="p-kontakt">Mit dem Absenden des Formulares akzeptieren Sie die <span class="datenschutz"><a class="a-kontakt" href="#">Bestimmungen zum<br>Datenschutz</a></span> und willigen ein von uns per E-Mail/Telefon kontaktiert zu werden.</p>
                        <br>
                        <input class="form-submit" onclick="submitted()" type="submit" name="anfrage absenden" value="Anfrage absenden">
                        <script>
                        function submitted() {
                            alert("Nachricht erfolgreich abgeschickt!");
                        }
                        </script>```

Answer 1

我不能添加评论，因为我是新人，没有名气如果这是解决方案，请告诉我。

先给表格id='contact'

然后给提交输入id='anfrage'

此代码将检查条目是否为空，并对每个条目发出警报。最后，它会发出命令已成功完成并发送表单的警告。

js代码：

<script>

        if($('#contact').length){
        $('#anfrage').click(function(){
        var o = new Object();
        var form = '#contact';
        var anrede = $('#contact #anrede').val();
        var vorname = $('#contact #vorname').val();
        var nachname = $('#contact #nachname').val();
        var anschrift = $('#contact #anschrift').val();
        var postleitzahl = $('#contact #postleitzahl').val();
        var stadt = $('#contact #stadt').val();
        var email = $('#contact #email').val();
        var telefon = $('#contact #telefon').val();
        var nachricht = $('#contact #nachricht').val();
        
        if(anrede == '')
        {
             alert("Nachricht erfolgreich abgeschickt1!");
            return false;
        }
        else if(vorname == '')
        {
            alert("Nachricht erfolgreich abgeschickt2!");
            return false;
        }
        else if(nachname == '')
        {
            alert("Nachricht erfolgreich abgeschickt3!");
            return false;
        }
        else if(anschrift == '')
        {
            alert("Nachricht erfolgreich abgeschickt4!");
            return false;
        }
        else if(postleitzahl == '')
        {
            alert("Nachricht erfolgreich abgeschickt5!");
            return false;
        }
        else if(stadt == '')
        {
            alert("Nachricht erfolgreich abgeschickt!");
            return false;
        }
        else if(email == '')
        {
            alert("Nachricht erfolgreich abgeschickt!");
            return false;
        }
        else if(telefon == '')
        {
            alert("Nachricht erfolgreich abgeschickt!");
            return false;
        }
        else if(nachricht == '')
        {
            alert("Nachricht erfolgreich abgeschickt!");
            return false;
        }
        else{
            alert("checked!");
            return true;
            }
       
    });
}

在联系表中有多个警告框

have multiple alert boxes in a contact form

javascript

php

html

forms

alert