Bootstrap Modal - 提交不起作用 [英] Bootstrap Modal - Submit not working
问题描述
我正在使用bootstrap来建立一个新的网站,我在一个模态中有一个注册表格!这里是我的模式/注册表格的代码:
I am using bootstrap for building a new website and I have a registration form inside a modal! Here is the code of my modal/registration form:
<!-- BEGIN # MODAL REGISTRATION -->
<div class="modal fade" id="registration-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header" align="center">
<div class="icon-wrapper"> <i class="fa fa-anchor fa-4x"></i> </div>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<div class="icon-wrapper"> <i class="fa fa-close"></i> </div>
</button><br>
</div>
<!-- Begin # DIV Form -->
<div id="div-forms">
<!-- Begin # Registration Form -->
<form method="post" action="register.php" id="registration-form" class="form-horizontal">
<div class="col-sm-12">
<p>Willkommen zur Registrierung</p><br>
</div>
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label">Schule:</label>
<div class="col-sm-10">
<select class="form-control" name="schule" id="schule" data-conditional="schule">
<option value="no_selected" checked>Bitte auswählen</option>
<option value="AHS Waldschule 1">AHS Waldschule 1</option>
<option value="AHS Waldschule 2">AHS Waldschule 2</option>
<option value="AHS Waldschule 3">AHS Waldschule 3</option>
</select>
</div>
</div>
<div class="form-group">
<div class="hide conditional-logic" data-condition="schule" data-match="AHS Waldschule 1">
<div class="form-group">
<label for="inputKlasse" class="col-sm-2 control-label">Klasse:</label>
<div class="col-sm-10">
<select class="form-control" name="klasse">
<option>1A</option>
<option>1B</option>
<option>1C</option>
<option>1D</option>
<option>2A</option>
<option>2B</option>
<option>2C</option>
<option>2D</option>
</select>
</div>
</div>
</div>
<div class="hide conditional-logic" data-condition="schule" data-match="AHS Waldschule 2">
<div class="form-group">
<label for="inputKlasse" class="col-sm-2 control-label">Klasse:</label>
<div class="col-sm-10">
<select class="form-control" name="klasse">
<option>3A</option>
<option>3B</option>
<option>3C</option>
<option>3D</option>
<option>4A</option>
<option>4B</option>
<option>4C</option>
<option>4D</option>
</select>
</div>
</div>
</div>
<div class="hide conditional-logic" data-condition="schule" data-match="AHS Waldschule 3">
<div class="form-group">
<label for="inputKlasse" class="col-sm-2 control-label">Klasse:</label>
<div class="col-sm-10">
<select class="form-control" name="klasse">
<option>5A</option>
<option>5B</option>
<option>5C</option>
<option>5D</option>
<option>6A</option>
<option>6B</option>
<option>6C</option>
<option>6D</option>
</select>
</div>
</div>
</div>
</div>
<hr>
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label">Anrede:</label>
<div class="col-sm-10">
<select class="form-control" name="anrede">
<option>Herr</option>
<option>Frau</option>
</select>
</div>
</div>
<div class="form-group">
<label for="inputVorname" class="col-sm-2 control-label">Vorname:</label>
<div class="col-sm-10">
<input type="text" class="form-control" name="vorname" placeholder="Ihr Vorname">
</div>
</div>
<div class="form-group">
<label for="inputNachname" class="col-sm-2 control-label">Nachname:</label>
<div class="col-sm-10">
<input type="text" class="form-control" name="nachname" placeholder="Ihr Nachname">
</div>
</div>
<div class="form-group">
<label for="inputStrasse" class="col-sm-2 control-label">Strasse:</label>
<div class="col-sm-10">
<input type="text" class="form-control" name="strasse" placeholder="Ihre Adresse">
</div>
</div>
<div class="form-group">
<label for="inputPLZ" class="col-sm-2 control-label">PLZ:</label>
<div class="col-sm-10">
<input type="text" class="form-control" name="plz" placeholder="Ihre Postleitzahl">
</div>
</div>
<div class="form-group">
<label for="inputOrt" class="col-sm-2 control-label">Ort:</label>
<div class="col-sm-10">
<input type="text" class="form-control" name="ort" placeholder="Ihr Wohnort">
</div>
</div>
<div class="form-group">
<label for="inputEmail" class="col-sm-2 control-label">Email:</label>
<div class="col-sm-10">
<input type="email" class="form-control" name="email" placeholder="Ihre E-Mail Adresse">
</div>
</div>
<div class="form-group">
<label for="inputTelefon" class="col-sm-2 control-label">Telefon:</label>
<div class="col-sm-10">
<input type="tel" class="form-control" name="telefon" placeholder="Ihre Telefonnummer">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<p>Text Text Text
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<input type="submit" name="submit" class="btn btn-warning btn-lg btn-block" value="Registrieren" />
</div>
</div>
</form>
<!-- End # Registration Form -->
</div>
<!-- End # DIV Form -->
</div>
</div>
</div>
<!-- END # MODAL REGISTRATION -->
我使表单action =register.php,我的register.php如下所示:
I made form action="register.php" and my register.php looks like this:
<?php
include 'inc/database.php';
// Check if form is submitted
if (isset ($_POST['submit'])) {
$schule = mysqli_real_escape_string ($mysqli, $_POST['schule']);
$klasse = mysqli_real_escape_string ($mysqli, $_POST['klasse']);
$anrede = mysqli_real_escape_string ($mysqli, $_POST['anrede']);
$vorname = mysqli_real_escape_string ($mysqli, $_POST['vorname']);
$nachname = mysqli_real_escape_string ($mysqli, $_POST['nachname']);
$strasse = mysqli_real_escape_string ($mysqli, $_POST['strasse']);
$plz = mysqli_real_escape_string ($mysqli, $_POST['plz']);
$ort = mysqli_real_escape_string ($mysqli, $_POST['ort']);
$email = mysqli_real_escape_string ($mysqli, $_POST['email']);
$telefon = mysqli_real_escape_string ($mysqli, $_POST['telefon']);
// Set Timezone
date_default_timezone_set('Austria/Vienna');
$time = date('h:i:s a', time());
// Validate Input
if (!isset ($schule) || $schule == '' || !isset($klasse) || $klasse == '' || !isset($anrede) || $anrede == '' || !isset($vorname) || $vorname == '' || !isset($nachname) || $nachname == '' || !isset($strasse) || $strasse == '' || !isset($plz) || $plz == '' || !isset($ort) || $ort == '' || !isset($email) || $email == '' || !isset($telefon) || $telefon == '') {
$error = "Es müssen alle Felder ausgefüllt werden!";
header("Location: index.php?error=".urlencode($error));
exit();
} else {
$query = "INSERT INTO user (schule, klasse, anrede, firstname_parent, lastname_parent, street_parent, plz_parent, city_parent, email, phonenumber_parent, time)
VALUES ('$schule','$klasse', '$anrede', '$vorname', '$nachname', '$strasse', '$plz', '$ort', '$email', '$telefon','$time')";
if(!mysqli_query($mysqli, $query)) {
die ('Error!' .mysqli_error($mysqli));
} else {
header("Location: admin.php");
exit();
}
}
}
我的问题当我点击注册按钮时,没有任何反应。有谁知道我做错了什么?我找了3个多小时,但我无法找到问题:(!
My problem is that absolutley nothing happens when I click on the "Register" button. Does anyone know what I am doing wrong? I looked for more than 3 hours now but I am unable to find the problem :(!
我希望有人可以帮助我。
提前致谢!
I hope that someone can help me. Thanks in advance!
Chris
Chris
推荐答案
在提交提交之前的表单组部分按钮部分你还没有关闭你的'p'标签,我想这可能会停止提交按钮的工作?
In the form group section just before the submit button section you haven't closed your 'p' tag. I think this may be stopping the submit button from working?
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<p>Text Text Text
</div>
</div>
这篇关于Bootstrap Modal - 提交不起作用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!