您好，我正在嘗試制作一個聯系表單，當我按下提交按鈕時會出現一個警報框（例如，一個“無法提交表單”的警報框和一個“表單已成功提交”的警報框）我該怎么做？它適用于 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>```
uj5u.com熱心網友回復：
我無法添加評論，因為我是新手并且沒有聲譽如果這是否是解決方案，請告訴我。
首先給出表格 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;
}
});
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/483794.html
標籤：javascript php html 形式 警报
上一篇：角形模式切換