i have an issue with my website. I am using bootstrap tabs to navigate through my site. All tabs are working except the last one. He is mixing the content of the last one with the one before.
I am not a coder so i think my code looks horrible. I copied and pasted from different sites. So if you have improvements please let me know.
The .... in the red circle should be underneath the planning tab
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Duiklog</title>
<link rel="stylesheet" type="text/css" href="mystyle.css">
<link href="./bootstrap/css/bootstrap.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>
<body>
<h1>Welkom bij mijn duiklog</h1>
<div>
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist"> <li role="presentation" class="active">Home</li>
<li role="presentation">Duiklog</li>
<li role="presentation">Invoer</li>
<li role="presentation">Planning</li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="home">
<h2>Stats</h2><br>
Aantal duiken: 2<br>
Gemiddeld lucht verbruikt: 22.5000
</div>
<div role="tabpanel" class="tab-pane" id="Duiklog">
<table class="table table-hover">
<thead>
<tr>
<th>#</th>
<th>Datum</th>
<th>Locatie</th>
<th>Buddy</th>
<th>Diepte</th>
<th>Duiktijd</th>
<th>Watertype</th>
<th>Zicht</th>
<th>Temp</th>
<th>Duiktype</th>
<th>Fles</th>
<th>Druk start</th>
<th>Druk einde</th>
<th>Druk verbruikt</th>
<th>Lucht verbruikt</th>
<th>Opmerkingen</th>
</tr>
</thead>
<tbody>
<tr><td>2</td><td>2012-05-20</td><td>boschmolenplas</td><td>Harrie Wassen</td><td>11 m </td><td>39 min </td><td>Zoet</td><td>3-6 m </td><td>13 C </td><td>opleiding</td><td>10 l </td><td>200 bar </td><td>10 bar </td><td>190 bar </td><td>23ltr/min </td><td></td></tr><tr><td>1</td><td>2012-05-13</td><td>Panheel</td><td>Harrie Wassen</td><td>9 m </td><td>40 min </td><td>Zoet</td><td>3-6 m </td><td>13 C </td><td>opleiding</td><td>10 l </td><td>210 bar </td><td>40 bar </td><td>170 bar </td><td>22ltr/min </td><td>eerste duik</td></tr></table>
</div>
<div role="tabpanel" class="tab-pane" id="invoer">
<form action="send_post.php" method="post">
<form class="form-horizontal" role="form">
<div class="form-group">
<label class="control-label col-sm-2" for="datum">Datum:</label>
<div class="col-sm-10">
<input type="date" class="form-control" name="idatum" >
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="locatie">Locatie:</label>
<div class="col-sm-10">
<input type="text" class="form-control" name="ilocatie" placeholder="Voer locatie in">
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="buddy">Buddy:</label>
<div class="col-sm-10">
<input type="text" class="form-control" name="ibuddy" placeholder="Voer buddy in">
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="diepte">Diepte:</label>
<div class="col-sm-10">
<input type="number" class="form-control" name="idiepte" placeholder="Voer maximale diepte in">
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="duiktijd">Duiktijd:</label>
<div class="col-sm-10">
<input type="number" class="form-control" name="iduiktijd" placeholder="Voer duiktijd in">
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="drukstart">Drukstart:</label>
<div class="col-sm-10">
<input type="number" class="form-control" name="idrukstart" placeholder="Voer begindruk in">
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="drukeinde">Drukeinde:</label>
<div class="col-sm-10">
<input type="number" class="form-control" name="idrukeinde" placeholder="Voer eindedruk in">
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="watertype">Watertype:</label>
<div class="col-sm-10">
<select class="form-control" name="iwatertype">
<option>Zoet</option>
<option>Zout</option>
<option>Brak</option>
</select>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="zicht">Zicht:</label>
<div class="col-sm-10">
<input type="text" class="form-control" name="izicht" placeholder="Voer zicht in">
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="temperatuur">Temperatuur:</label>
<div class="col-sm-10">
<input type="number" class="form-control" name="itemperatuur" placeholder="Voer temperatuur in">
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="duiktype">Duiktype:</label>
<div class="col-sm-10">
<input type="text" class="form-control" name="iduiktype" placeholder="Voer Duiktype in">
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="flesvolume">Flesvolume:</label>
<div class="col-sm-10">
<input type="number" class="form-control" name="iflesvolume" placeholder="Voer flesvolume in">
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="opmerkingen">Opmerkingen:</label>
<div class="col-sm-10">
<input type="text" class="form-control" name="iopmerkingen" placeholder="Opmerkingen">
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-default">Submit</button>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="planning">
.....
</div>
<div class="container" style="padding-bottom: 75px;">
</div>
<footer class="footer">
<div class="container">
<p class="text-muted">
Connectie met duiklog
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Duiklog</title>
<link rel="stylesheet" type="text/css" href="mystyle.css">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<body>
<h1>Welkom bij mijn duiklog</h1>
<div>
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist"> <li role="presentation" class="active">Home</li>
<li role="presentation">Duiklog</li>
<li role="presentation">Invoer</li>
<li role="presentation">Planning</li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="home">
<h2>Stats</h2><br>
Aantal duiken: 2<br>
Gemiddeld lucht verbruikt: 22.5000
</div>
<div role="tabpanel" class="tab-pane" id="Duiklog">
<table class="table table-hover">
<thead>
<tr>
<th>#</th>
<th>Datum</th>
<th>Locatie</th>
<th>Buddy</th>
<th>Diepte</th>
<th>Duiktijd</th>
<th>Watertype</th>
<th>Zicht</th>
<th>Temp</th>
<th>Duiktype</th>
<th>Fles</th>
<th>Druk start</th>
<th>Druk einde</th>
<th>Druk verbruikt</th>
<th>Lucht verbruikt</th>
<th>Opmerkingen</th>
</tr>
</thead>
<tbody>
<tr><td>2</td><td>2012-05-20</td><td>boschmolenplas</td><td>Harrie Wassen</td><td>11 m </td><td>39 min </td><td>Zoet</td><td>3-6 m </td><td>13 C </td><td>opleiding</td><td>10 l </td><td>200 bar </td><td>10 bar </td><td>190 bar </td><td>23ltr/min </td><td></td></tr><tr><td>1</td><td>2012-05-13</td><td>Panheel</td><td>Harrie Wassen</td><td>9 m </td><td>40 min </td><td>Zoet</td><td>3-6 m </td><td>13 C </td><td>opleiding</td><td>10 l </td><td>210 bar </td><td>40 bar </td><td>170 bar </td><td>22ltr/min </td><td>eerste duik</td></tr></table>
</div>
<div role="tabpanel" class="tab-pane" id="invoer">
<form action="send_post.php" method="post">
<form class="form-horizontal" role="form">
<div class="form-group">
<label class="control-label col-sm-2" for="datum">Datum:</label>
<div class="col-sm-10">
<input type="date" class="form-control" name="idatum" >
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="locatie">Locatie:</label>
<div class="col-sm-10">
<input type="text" class="form-control" name="ilocatie" placeholder="Voer locatie in">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="buddy">Buddy:</label>
<div class="col-sm-10">
<input type="text" class="form-control" name="ibuddy" placeholder="Voer buddy in">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="diepte">Diepte:</label>
<div class="col-sm-10">
<input type="number" class="form-control" name="idiepte" placeholder="Voer maximale diepte in">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="duiktijd">Duiktijd:</label>
<div class="col-sm-10">
<input type="number" class="form-control" name="iduiktijd" placeholder="Voer duiktijd in">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="drukstart">Drukstart:</label>
<div class="col-sm-10">
<input type="number" class="form-control" name="idrukstart" placeholder="Voer begindruk in">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="drukeinde">Drukeinde:</label>
<div class="col-sm-10">
<input type="number" class="form-control" name="idrukeinde" placeholder="Voer eindedruk in">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="watertype">Watertype:</label>
<div class="col-sm-10">
<select class="form-control" name="iwatertype">
<option>Zoet</option>
<option>Zout</option>
<option>Brak</option>
</select>
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="zicht">Zicht:</label>
<div class="col-sm-10">
<input type="text" class="form-control" name="izicht" placeholder="Voer zicht in">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="temperatuur">Temperatuur:</label>
<div class="col-sm-10">
<input type="number" class="form-control" name="itemperatuur" placeholder="Voer temperatuur in">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="duiktype">Duiktype:</label>
<div class="col-sm-10">
<input type="text" class="form-control" name="iduiktype" placeholder="Voer Duiktype in">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="flesvolume">Flesvolume:</label>
<div class="col-sm-10">
<input type="number" class="form-control" name="iflesvolume" placeholder="Voer flesvolume in">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="opmerkingen">Opmerkingen:</label>
<div class="col-sm-10">
<input type="text" class="form-control" name="iopmerkingen" placeholder="Opmerkingen">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-default">Submit</button>
</div>
</div>
</form>
</form>
</div>
<div role="tabpanel" class="tab-pane" id="planning">
this is working
</div>
Check this code this is working code and for more please follow the link
http://quandaflow.com/category/website/css/
Your html code had a lot of errors, unclosed tags etc.. The following code is the valid version of what you are trying to do:
<div>
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab"
data-toggle="tab">Home</a></li>
<li role="presentation">Duiklog</li>
<li role="presentation">Invoer</li>
<li role="presentation">Planning
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="home">
<h2>Stats</h2>
<br> Aantal duiken: 2
<br> Gemiddeld lucht verbruikt: 22.5000
</div>
<div role="tabpanel" class="tab-pane" id="Duiklog">
<table class="table table-hover">
<thead>
<tr>
<th>#</th>
<th>Datum</th>
<th>Locatie</th>
<th>Buddy</th>
<th>Diepte</th>
<th>Duiktijd</th>
<th>Watertype</th>
<th>Zicht</th>
<th>Temp</th>
<th>Duiktype</th>
<th>Fles</th>
<th>Druk start</th>
<th>Druk einde</th>
<th>Druk verbruikt</th>
<th>Lucht verbruikt</th>
<th>Opmerkingen</th>
</tr>
</thead>
<tbody>
<tr>
<td>2</td>
<td>2012-05-20</td>
<td>boschmolenplas</td>
<td>Harrie Wassen</td>
<td>11 m</td>
<td>39 min</td>
<td>Zoet</td>
<td>3-6 m</td>
<td>13 C</td>
<td>opleiding</td>
<td>10 l</td>
<td>200 bar</td>
<td>10 bar</td>
<td>190 bar</td>
<td>23ltr/min</td>
<td></td>
</tr>
<tr>
<td>1</td>
<td>2012-05-13</td>
<td>Panheel</td>
<td>Harrie Wassen</td>
<td>9 m</td>
<td>40 min</td>
<td>Zoet</td>
<td>3-6 m</td>
<td>13 C</td>
<td>opleiding</td>
<td>10 l</td>
<td>210 bar</td>
<td>40 bar</td>
<td>170 bar</td>
<td>22ltr/min</td>
<td>eerste duik</td>
</tr>
</table>
</div>
<div role="tabpanel" class="tab-pane" id="invoer">
<form action="send_post.php" method="post" class="form-horizontal" role="form">
<div class="form-group">
<label class="control-label col-sm-2" for="datum">Datum:</label>
<div class="col-sm-10">
<input id="datum" type="date" class="form-control" name="idatum">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="locatie">Locatie:</label>
<div class="col-sm-10">
<input id="locatie" type="text" class="form-control" name="ilocatie"
placeholder="Voer locatie in">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="buddy">Buddy:</label>
<div class="col-sm-10">
<input id="buddy" type="text" class="form-control" name="ibuddy" placeholder="Voer buddy in">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="diepte">Diepte:</label>
<div class="col-sm-10">
<input id="diepte" type="number" class="form-control" name="idiepte"
placeholder="Voer maximale diepte in">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="duiktijd">Duiktijd:</label>
<div class="col-sm-10">
<input id="duiktijd" type="number" class="form-control" name="iduiktijd"
placeholder="Voer duiktijd in">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="drukstart">Drukstart:</label>
<div class="col-sm-10">
<input id="drukstart" type="number" class="form-control" name="idrukstart"
placeholder="Voer begindruk in">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="drukeinde">Drukeinde:</label>
<div class="col-sm-10">
<input id="drukeinde" type="number" class="form-control" name="idrukeinde"
placeholder="Voer eindedruk in">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="watertype">Watertype:</label>
<div class="col-sm-10">
<select id="watertype" class="form-control" name="iwatertype">
<option>Zoet</option>
<option>Zout</option>
<option>Brak</option>
</select>
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="zicht">Zicht:</label>
<div class="col-sm-10">
<input id="zicht" type="text" class="form-control" name="izicht"
placeholder="Voer zicht in">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2"
for="temperatuur">Temperatuur:</label>
<div class="col-sm-10">
<input id="temperatuur" type="number" class="form-control" name="itemperatuur"
placeholder="Voer temperatuur in">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2"
for="duiktype">Duiktype:</label>
<div class="col-sm-10">
<input id="duiktype" type="text" class="form-control" name="iduiktype"
placeholder="Voer Duiktype in">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="flesvolume">Flesvolume:</label>
<div class="col-sm-10">
<input id="flesvolume" type="number" class="form-control" name="iflesvolume"
placeholder="Voer flesvolume in">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2"
for="opmerkingen">Opmerkingen:</label>
<div class="col-sm-10">
<input id="opmerkingen" type="text" class="form-control"
name="iopmerkingen" placeholder="Opmerkingen">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-default">
Submit
</button>
</div>
</div>
</form>
</div>
<div role="tabpanel" class="tab-pane" id="planning">
.....
</div>
</div>
</div>
Related
This question already has answers here:
Warning: mysqli_real_escape_string() expects exactly 2 parameters, 1 given... what I do wrong? [duplicate]
(11 answers)
Can I mix MySQL APIs in PHP?
(4 answers)
Reference - What does this error mean in PHP?
(38 answers)
Closed 5 years ago.
this is the code please help me I am connected to the database
so i use mysqli_real_escape_string to get the clear data and save it into my table but it give me a nothing in my data
<?php
$db_connect = mysqli_connect("localhost", "root", "", "master_wn");
if(isset($_POST['send']))
{
session_start();
$name = mysqli_real_escape_string($_POST['name']);
$name2 = mysqli_real_escape_string($_POST['name2']);
$email = mysqli_real_escape_string($_POST['email']);
$case = mysqli_real_escape_string($_POST['case']);
$phone = mysqli_real_escape_string($_POST['phone']);
$adress = mysqli_real_escape_string($_POST['adress']);
$sex = mysqli_real_escape_string($_POST['sex']);
$prove = mysqli_real_escape_string($_POST['prove']);
$quali = mysqli_real_escape_string($_POST['quali']);
$exper = mysql_real_escape_string($_POST['exper']);
$query = "INSERT INTO `stu_data` (`number`,`name`,`name2`,`email`,`phone`,`address`,`sex`,`cases`,`prove`,`quali`,`exper`) VALUES ('','$name','$name2','$email','$phone','$adress','$sex','$case','$prove','$quali','$exper')";
$q = mysqli_query($db_connect,$query);
if ($q){
header("location:step2.php");
}
else
{
"try again";
}
}
?>
<html>
<head>
<title>
test
</title>
<meta charset="utf-8">
<link rel="stylesheet" href="../css/bootstrap.min.css"/>
<link rel="stylesheet" href="../css/normliaze.css"/>
<link rel="stylesheet" href="../css/style.css"/>
</head>
<body>
<div>
<div class="global">
<!--Star Header-->
<div class="header">
<div class="boy">
<h1>خطوات التقديم لحجز مقعد للدراسات العليا</h1>
<img src="../images/logo.PNG" alt="logo" width="90" height="80">
<p>موقع التقديم للدراسات العليا</p>
</div>
</div>
<!--End Header-->
<div class="holdForm">
<div class="container">
<form class="well form-horizontal" action="step1.php" method="post" id="contact_form">
<fieldset>
<!-- Form Name -->
<legend>الخطوة الاولي </legend>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label">Name</label>
<div class="col-md-4 inputGroupContainer">
<div class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
<input placeholder="Name" class="form-control" type="text" name = "name">
</div>
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label" >الاسم</label>
<div class="col-md-4 inputGroupContainer">
<div class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
<input placeholder="الاسم بالعربي" class="form-control" type="text" name="name2">
</div>
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label">E-Mail</label>
<div class="col-md-4 inputGroupContainer">
<div class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-envelope"></i></span>
<input placeholder="E-Mail Address" class="form-control" type="text" name="email">
</div>
</div>
</div>
<!-- radio checks -->
<div class="form-group">
<label class="col-md-4 control-label">الحالة الاجتماعية</label>
<div class="col-md-4">
<div class="radio">
<label>
<input type="radio" name="case" value="marig" /> متزوج
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="case" value="single" /> اعزب
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="case" value="widow" /> ارمل
</label>
</div>
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label">الهاتف</label>
<div class="col-md-4 inputGroupContainer">
<div class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-earphone"></i></span>
<input placeholder="(+249)555-1212" class="form-control" type="text" name="phone">
</div>
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label">السكن</label>
<div class="col-md-4 inputGroupContainer">
<div class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-home"></i></span>
<input placeholder="Address" class="form-control" type="text" name="adress">
</div>
</div>
</div>
<div class="form-group">
<label class="col-md-4 control-label">الجنس</label>
<div class="col-md-4">
<div class="radio">
<label>
<input type="radio" name="sex" value="mail" /> ذكر
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="sex" value="fmail" /> اثتي
</label>
</div>
</div>
</div>
<!-- Text area -->
<div class="form-group">
<label class="col-md-4 control-label">اثبات شخصية</label>
<div class="col-md-4 inputGroupContainer">
<div class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-file"></i></span>
<input placeholder="Address" class="form-control" type="text" name="prove">
</div>
</div>
</div>
<div class="form-group">
<label class="col-md-4 control-label">المؤهل العلمي</label>
<div class="col-md-4 selectContainer">
<div class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-list"></i></span>
<select class="form-control selectpicker" name="quali">
<option value=" " >... اختر مؤهل</option>
<option name="select1">دبلوم عالي</option>
<option name="select2">بكلاريوس</option>
</select>
</div>
</div>
</div>
<div class="form-group">
<label class="col-md-4 control-label">سنوات الخبرة</label>
<div class="col-md-4 inputGroupContainer">
<div class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
<input name="exper" placeholder="Address" class="form-control" type="text">
</div>
</div>
</div>
<!-- Success message -->
<div class="alert alert-success" role="alert" id="success_message">Success <i class="glyphicon glyphicon-thumbs-up"></i> Thanks for contacting us, we will get back to you shortly.</div>
<!-- Button -->
<div class="form-group">
<label class="col-md-4 control-label"></label>
<div class="col-md-4">
<input type="submit" class="btn btn-warning glyphicon glyphicon-send" name="send" value="التالي" >
</div>
</div>
</fieldset>
</form>
</div>
</div><!-- /.container -->
</div>
<div id="footer">
<p class="p2">جميع الحقوق محفوظة للمبرمج محمد تاج الدين © 2017-2018</p>
</div><!--end footer-->
</div><!--end all-->
<!--End content-->
<script src="/js/bootstrap.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/plugin.js"></script>
</body>
</html>
this is the code please help me I am connected to the database
so i use mysqli_real_escape_string to get the clear data and save it into my table but it give me a nothing in my data this is the code please help me I am connected to the database
so i use mysqli_real_escape_string to get the clear data and save it into my table but it give me a nothing in my data
I want to create a login form to log system in php. But I can't do it, below I mentioned my code. I have coded registration form also. It works successfully, but the login form does not works properly. The registration form code is included in the index page. But the login code is include in login.php page.
Help me to solve this problem.
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"
aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×</button>
<h4 style="text-align: center" class="modal-title" id="myModalLabel">
Login & Registration</a></h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-8" style="border-right: 1px dotted #C2C2C2;padding-right: 30px;">
<!-- Nav tabs -->
<ul class="nav nav-tabs">
<li class="active">Login</li>
<li>Registration</li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div class="tab-pane active" id="Login">
<form class="form-horizontal" actoin="login.php" method="post" >
<div class="form-group">
<label class="col-sm-2 control-label">
Username</label>
<div class="col-sm-10">
<input type="text" class="form-control" name="username2" id="username2" placeholder="Username" />
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">
Password</label>
<div class="col-sm-10">
<input type="password" class="form-control" name="pwd2" id="pwd2" placeholder="Password" />
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">
User Type</label>
<div class="col-sm-10">
<select class="form-control" name="utype" id="utype">
<option selected disabled>User Type</option>
<option value="Admin">Admin</option>
<option value="Student">Student</option>
<option value="Company">Company</option>
</select>
</div>
</div>
<div class="row">
<div class="col-sm-2">
</div>
<div class="col-sm-10">
<input type="submit" class="btn btn-primary btn-sm" name="buttonsubmit" id="buttonsubmit" value="Login">
Forgot your password?
</div>
</div>
</form>
</div>
<div class="tab-pane" id="Registration">
<form class="form-horizontal" action="index.php" method="post">
<div class="form-group">
<label class="col-sm-2 control-label">
Title</label>
<div class="col-sm-10">
<div class="row">
<div class="col-md-3">
<select class="form-control" id="uutypex" name="uutype">
<option>Mr.</option>
<option>Ms.</option>
<option>Mrs.</option>
</select>
</div>
</div>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">
Name</label>
<div class="col-sm-10">
<input type="text" class="form-control" name="name" id="name" placeholder="Name" />
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">
User Name</label>
<div class="col-sm-10">
<input type="text" class="form-control" name="username1" id="username1" placeholder="User Name" />
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">
Password</label>
<div class="col-sm-10">
<input class="form-control" name="pwd" id="pwd" type="password" placeholder="Password" />
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">
Birth Date
</label>
<div class="col-sm-10">
<input class="form-control" name="bdate" id="bdate" type="date">
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">
Email</label>
<div class="col-sm-10">
<input type="email" class="form-control" name="email" id="email" placeholder="User Name" />
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">
Mobile
</label>
<div class="col-sm-10">
<input type="text" class="form-control" name="mobile" id="mobile" placeholder="Mobile" />
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">
University</label>
<div class="col-sm-10">
<input type="text" class="form-control" name="uni" id="uni" placeholder="University" />
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">
User Type
</label>
<div class="col-sm-10">
<select class="form-control" name="type" id="type">
<option selected disabled>User Type</option>
<option value="Admin">Admin</option>
<option value="Student">Student</option>
<option value="Company">Company</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">
GPA</label>
<div class="col-sm-10">
<input type="text" class="form-control" name="gpa" id="gpa" placeholder="GPA" />
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">
Address</label>
<div class="col-sm-10">
<input type="text" class="form-control" name="address" id="address" placeholder="Address" />
</div>
</div>
<div class="row">
<div class="col-sm-2">
</div>
<div class="col-sm-10">
<input type="submit" class="btn btn-primary btn-sm" name="buttonregister" id="buttonregister" value="Submit and Save">
<button type="button" class="btn btn-default btn-sm">
Cancel
</button>
</div>
</div>
</form>
</div>
</div>
<div id="OR" class="hidden-xs">
OR</div>
</div>
<div class="col-md-4">
<div class="row text-center sign-with">
<div class="col-md-12">
<h3>
Sign in with
</h3>
</div>
<div class="col-md-12">
<div class="btn-group btn-group-justified">
Facebook <a href="#" class="btn btn-danger">
Google
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
php code
<?php
$conn=mysqli_connect("localhost","root","","internship");
if (mysqli_connect_errno()) {
echo "Failed to connect to MySQL: " . mysqli_connect_error();
}
if(isset($_POST['buttonsubmit'])){
$username=$_POST['username2'];
$password=$_POST['pwd2'];
$type=$_POST['utype'];
$result=mysqli_query($conn,'select * from registration where username="'.$username.'" and password="'.$password.'" and usertype="'.$type.'"');
if(mysqli_num_rows($result)==1 && $type=="Student"){
header('Location: student.php');
}
else
?>
<script> alert("Account invalid!!!! Enter valid Username Password and Usertype")</script>
<?php
}
?>
<?php
$conn=mysqli_connect("localhost","root","","internship");
if (mysqli_connect_errno()) {
echo "Failed to connect to MySQL: " . mysqli_connect_error();
}
if(isset($_POST['buttonsubmit'])){
$username=$_POST['username2'];
$password=$_POST['pwd2'];
$type=$_POST['utype'];
$result=mysqli_query($conn,'select * from registration where username="'.$username.'" and password="'.$password.'" and usertype="'.$type.'"');
if(mysqli_num_rows($result)==1 && $type=="Student"){
session_start();
$_SESSION['user'] = $result;
header('Location: student.php');
}
else
?>
<script> alert("Account invalid!!!! Enter valid Username Password and Usertype")</script>
<?php
}
Can you post the error that you are getting...?
Plus Your code is not secure. You should use php's hash functions to match passwords and use must use PDO to avoid sql injection.
I'm working on a page for editing user profiles but I want the page am working on to submit to itself when it is submitted and show a message that the profile has been edited successfully. Please how do I do this ?
Here is what am working ?
<div class="row">
<div class="text-center title">Pricing</div>
<div class="text-center desc col-md-8 col-md-push-2">
{{$sitename}}
</div>
<div class="container" style="padding-top: 60px;">
<h1 class="page-header">Edit Profile</h1>
<div class="row">
<!-- left column -->
<form class="form-horizontal" role="form" method="post" action="/profile">
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="text-center">
<img id="ShowImage" src="#"/>
<img src="http://localhost:8234/img/index.png" class="avatar img-circle img-thumbnail" alt="avatar" width="200" height="200">
<h6>Upload a different photo...</h6>
<input type="file" class="text-center center-block well well-sm" name="avatar_path" id="avatar_path" onchange="readURL(this);">
</div>
</div>
<!-- edit form column -->
<div class="col-md-8 col-sm-6 col-xs-12 personal-info">
<div class="alert alert-info alert-dismissable">
<a class="panel-close close" data-dismiss="alert">×</a>
<i class="fa fa-coffee"></i>
This is the <strong>Profile Page</strong>. Use this to <strong>ONLY</strong> change your peronsal details
</div>
<h3>Personal info</h3>
<input class="form-control" value="{{$userInfo['data']['id']}}" type="hidden" name="user_id">
<div class="form-group">
<label class="col-lg-3 control-label">First Name:</label>
<div class="col-lg-8">
<input class="form-control" value="{{$userInfo['data']['first_name']}}" type="text" name="first_name">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Last Name:</label>
<div class="col-lg-8">
<input class="form-control" value="{{$userInfo['data']['last_name']}}" type="text" name="last_name">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Username:</label>
<div class="col-lg-8">
<input class="form-control" value="{{$userInfo['data']['profile']['username']}}" type="text" name="username">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Email Address:</label>
<div class="col-lg-8">
<input class="form-control" value="{{$userInfo['data']['email']}}" type="text" name="email">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Gender</label>
<div class="col-lg-8">
<div class="ui-select">
<select id="gender" class="form-control" name="gender">
<option value="{{$userInfo['data']['profile']['gender']}}" selected>{{$userInfo['data']['profile']['gender']}}</option>
<option value="Male">Male</option>
<option value="Female">Female</option>
<option value="Other">Other</option>
</select>
</div>
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">City:</label>
<div class="col-lg-8">
<input class="form-control" value="{{$userInfo['data']['profile']['city']}}" type="text" name="city">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">State:</label>
<div class="col-lg-8">
<input class="form-control" value="{{$userInfo['data']['profile']['state']}}" type="text" name="state">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Country:</label>
<div class="col-lg-8">
<input class="form-control" value="{{$userInfo['data']['profile']['country']}}" type="text" name="country">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Mobile:</label>
<div class="col-lg-8">
<input class="form-control" value="{{$userInfo['data']['profile']['mobile']}}" type="text" name="mobile">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Occupation:</label>
<div class="col-lg-8">
<input class="form-control" value="{{$userInfo['data']['profile']['occupation']}}" type="text" name="occupation">
</div>
</div>
<div class="form-group">
<label class="col-md-3 control-label"></label>
<div class="col-md-8">
<input class="bkgrnd-blue text-white btn btn-primary" value="Update Profile" type="submit">
<span></span>
Cancel
</div>
</div>
</form>
</div>
</div>
</div>
This solution came from https://laravel.io/forum/01-30-2015-form-submission-to-the-same-page. Hope it helps
I have done a get route to display the page. I then did route a post to post form data.
Then I passed the $data variable to blade where I did an isset to check if it is created which displays the results
Display initial page
public function destinationSearchGet(){
$headData = array('pageTitle' => 'Admin Home - View all destinations');
return view('admin.destination_search', $headData);
}
post data back to the same page and create a new variable
public function destinationSearchPost(){
$headData = array('pageTitle' => 'Admin Home - Search results');
$formData = Request::input('destination');
$data = ParentRegionList::destinationSearch($formData);
return view('admin.destination_search', $headData)->with(compact('data'))
}
use blade to check if it exists
#if (isset($data))
<p>{{dd($data)}}</p>
#endif
I created a search page with jquery that will display result on same page and I succeed of doing it but the jquery that I made can only show data with index 0 and it will fail if I searched other data with differenct index. I am having Uncaught TypeError: Cannot read property 'StudentNumber' of undefined error in console log.How can I search json object with data matching what is type in the search bar then populate the textbox from db. Please help.... thanks....
$('#btnSearch').click(function(){
var txtValue = $("#txtsearch").val();
$.ajax({
type:"POST",
url:"<?php echo site_url('enrollment/studSearch');?>",
data: {q:txtValue},
dataType: "json",
success: function(data){
//console.log(data.studinfo[0].StudentNumber);
$("#studentnum").val(data.studinfo[0].StudentNumber);
$("#yearLevel").val(data.studinfo[0].YearLevel);
$("#lastname").val(data.studinfo[0].LastName);
$("#firstname").val(data.studinfo[0].FirstName);
$("#middlename").val(data.studinfo[0].MiddleName);
$("#txtTuition").val(data.studinfo[0].TuitionFee);
$("#txtMisc").val(data.studinfo[0].MiscFee);
$("#txtAddFee").val(data.studinfo[0].AdditionalFee);
$("#txtTotal").val(data.studinfo[0].Total);
$("#modeofpayment").val(data.studinfo[0].ModeOfPayment);
$("#payAmount").val(data.studinfo[0].PayableAmount);
},
});
});
my controller:
public function studSearch()
{
$str = $this->input->post('q');
$data['studinfo'] = $this->emodel->search_Student($str);
echo json_encode($data);
}
and the model:
function search_Student($str)
{
$this->db->select('*');
$this->db->from('studentinfo a');
$this->db->join('studFinance b','a.StudentNumber = b.StudentNumber');
$this->db->like('a.StudentNumber',$str);
$this->db->or_like('a.LastName',$str);
$this->db->or_like('a.FirstName',$str);
$query = $this->db->get();
$result = $query->result_array();
return $result;
}
this is the view:
<div id="page-wrapper">
<div id="page-inner">
<div class="row">
<div class="col-lg-12">
<h2>Billing Page</h2>
</div>
</div>
<hr />
<div class="row">
<div class="col-lg-12">
<?php
$attributes = array("class"=>"form- horizontal","id"=>"billform","name"=>"billform",
"autocomplete"=>"off");
echo form_open("enrollment/ebilling",$attributes);
?>
<div class="panel panel-primary">
<div class="panel-heading">
Personal Information
</div>
<div class="panel-body">
<div class="form-group col-lg-12">
<label class="control-label col-xs-2">Search:</label>
<div class="col-xs-3">
<input type="text" id="txtsearch" name="txtsearch" class="form-control"/>
</div>
<button type="button" class="btn btn-success" id="btnSearch" name="btnSearch">Search</button>
</div>
<div class="form-group col-lg-12">
<hr />
<label class="control-label col-xs-2">Student Number:</label>
<div class="col-xs-3">
<input type="text" readonly id="studentnum" name="studentnum" value="<?php echo set_value('studentnum');?>" class="form-control"/>
</div>
</div>
<div class="form-group col-lg-12">
<label class="control-label col-xs-2">Year Level:</label>
<div class="col-xs-3">
<input type="text" readonly id="yearLevel" name="yearLevel" value="<?php echo set_value('yearLevel');?>" class="form-control"/>
</div>
<label class="control-label col-xs-2">Last Name:</label>
<div class="col-xs-3">
<input type="text" id="lastname" name="lastname" value="<?php echo set_value('lastname');?>" readonly class="form-control" />
</div>
</div>
<div class="form-group col-lg-12">
<label class="control-label col-xs-2">First Name:</label>
<div class="col-xs-3">
<input type="text" id="firstname" name="firstname" value="<?php echo set_value('firstname');?>" readonly class="form-control" />
</div>
<label class="control-label col-xs-2">Middle Name:</label>
<div class="col-xs-3">
<input type=-"text" id="middlename" name="middlename" value="<?php echo set_value('middlename');?>" readonly class="form-control" />
</div>
</div>
</div>
</div>
<!-- END OF FIRST PANEL -->
<div class="panel panel-primary">
<div class="panel-heading">
Billing Mode
</div>
<div class="panel-body">
<div class="col-lg-6">
<div class="panel panel-info">
<div class="panel-heading">
Student Account
</div>
<div class="panel-body">
<div class="form-group col-lg-12">
<label class="control-label col-xs-5">Tuition Fee:</label>
<div class="col-xs-7">
<input type="text" id="txtTuition" readonly name="txtTuition" value=" <?php echo set_value('txtTuition');?>" class="form-control"/>
</div>
</div>
<div class="form-group col-lg-12">
<label class="control-label col-xs-5">Miscellaneous Fee:</label>
<div class="col-xs-7">
<input type="text" id="txtMisc" readonly name="txtMisc" value="<?php echo set_value('txtMisc');?>" class="form-control"/>
</div>
</div>
<div class="form-group col-lg-12">
<label class="control-label col-xs-5">Additional Fee:</label>
<div class="col-xs-7">
<input type="text" id="txtAddFee" readonly name="txtAddFee" value="<?php echo set_value('txtAddFee');?>" class="form-control"/>
</div>
</div>
<div class="form-group col-lg-12">
<label class="control-label col-xs-5">Total:</label>
<div class="col-xs-7">
<input type="text" id="txtTotal" readonly name="txtTotal" value="<?php echo set_value('txtTotal');?>" class="form-control"/>
</div>
</div>
</div>
</div>
<!-- END OF FIRST INSIDE PANEL -->
<div class="panel panel-info">
<div class="panel-heading">
Payment
</div>
<div class="panel-body">
<div class="form-group col-lg-12">
<label class="control-label col-xs-5">Mode of Payment:</label>
<div class="col-xs-7">
<input type="text" id="modeofpayment" name="modeofpayment" value="<?php echo set_value('modeofpayment');?>" readonly class="form-control"/>
</div>
</div>
<div class="form-group col-lg-12">
<label class="control-label col-xs-5">Payable Amount:</label>
<div class="col-xs-7">
<input type="text" id="payAmount" name="payAmount" value="<?php echo set_value('payAmount');?>" readonly class="form-control"/>
</div>
</div>
<div class="form-group col-lg-12">
<label class="control-label col-xs-5">Date:</label>
<div class="col-xs-7">
<input type="date" id="pDate" name="pDate" value="<?php echo set_value('pDate');?>" class="form-control"/>
<span class="text-danger"><?php echo form_error('pDate');?></span>
</div>
</div>
<div class="form-group col-lg-12">
<label class="control-label col-xs-5">OR Number:</label>
<div class="col-xs-7">
<input type="text" id="orNum" name="orNum" value="<?php echo set_value('orNum');?>" class="form-control"/>
<span class="text-danger"><?php echo form_error('orNum');?></span>
<input type="hidden" id="balance" name="balance"/>
</div>
</div>
<!-- END OF SECOND INSIDE PANEL -->
</div>
</div>
</div>
<div class="col-lg-6">
<table id="billTable" class="table table-hover table-bordered table-striped">
<thead>
<tr>
<th>OR Number</th>
<th>Amount</th>
<th>Date</th>
</tr>
</thead>
<tbody>
</tbody>
<tfoot>
<td>Balance</td>
</tfoot>
</table>
</div>
<!-- END OF TABLE -->
<div class="col-lg-6">
<div class="form-group col-lg-12">
<input type="button" class="btn btn-success" id="btnAddPayment" name="btnAddPayment"
value="Add Payment"/>
<button type="reset" class="btn btn-danger" id="btnReset" name="reset">Reset</button>
</div>
</div>
</div>
</div>
<?php echo form_close();
echo $this->session->flashdata('msg');?>
</div>
</div>
</div>
</div>
I am working on a PHP based application in which we are getting large amount of data including more than 5 images. The code was working fine for many days but now it just stopped working. When we click the submit button the page reloads but the form does not submit to PHP POST Method. When i remove enctype from form then it gets submitted but the images doesn't pass. And with enctype it is only working with 3 images. if i increase the number of images it stops working.
Code of my application:
<form role="form" name="app_form" id="app_form" action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post" enctype="multipart/form-data">
<div id="application_form"> <!-- Application Form Starts Here -->
<div class="container-fluid">
<div style="margin-top: 10px; border-top: 3px solid #37A8B3; padding-top: 10px;">
<div class="panel panel-default">
<div class="panel-body">
<div class="row">
<div class="col-md-12">
<div class="form-group" style="margin-top: 10px;">
<label class="control-label col-md-2" >Applied For:</label>
<div class="col-md-3">
<input type="text" class="form-control" name="app_for" id="app_for" required>
</div>
<label class="control-label col-md-1">ID No:</label>
<div class="col-md-2">
<input type="text" class="form-control" name="form_id" required>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-body">
<div style="margin-bottom: 10px;">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-4">Upload1:</label>
<div class="col-md-2">
<input type="file" name="Upload_1" id="Upload_1" required>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-4">Upload2:</label>
<div class="col-md-2">
<input type="file" name="Upload_2" id="Upload_2" required>
</div>
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-4">Upload3:</label>
<div class="col-md-2">
<input type="file" name="Upload_3" id="Upload_3" required>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-4">Upload4:</label>
<div class="col-md-2">
<input type="file" name="Upload_4" id="Upload_4" required>
</div>
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-4">Upload5:</label>
<div class="col-md-2">
<input type="file" name="Upload_5" id="Upload_5" required>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-4">Upload6:</label>
<div class="col-md-2">
<input type="file" name="Upload_6" id="Upload_6" required>
</div>
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="control-label col-md-4">Upload7:</label>
<div class="col-md-2">
<input type="file" name="Upload_7" id="Upload_7" required>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="background-color: #37A8B3;">
<h4 style="padding: 5px; color: white;"> PLEASE COMPLETE IN BLOCK CAPITALS </h4>
</div>
<div style="border-bottom: 3px solid #37A8B3;">
<div class="panel panel-default">
<div class="panel-body">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label class="control-label col-md-2 col-lg-2">Title Mr/Mrs/Ms/Other:</label>
<div class="col-md-1">
<select class="form-control" name="user_title" required>
<option value="">Select</option>
<option value="Mr">Mr</option>
<option value="Mrs">Mrs</option>
<option value="Ms">Ms</option>
<option value="other">Other</option>
</select>
</div>
<label class="control-label col-md-1" >First Name:</label>
<div class="col-md-2">
<input type="text" class="form-control" name="user_fname" required >
</div>
<label class="control-label col-md-1" >Mid Name:</label>
<div class="col-md-2">
<input type="text" class="form-control" name="user_midname">
</div>
<label class="control-label col-md-1" >Surname:</label>
<div class="col-md-2">
<input type="text" class="form-control" name="user_surname">
</div>
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label class="control-label col-md-3" >Maiden/Former Name<small><i> (List all previous first names and surnames)</i></small>:</label>
<div class="col-md-9">
<input type="text" class="form-control" name="user_formername" required>
</div>
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label class="control-label col-md-2" >Current Address:</label>
<div class="col-md-6 input-group-md">
<textarea class="form-control" name="user_curr_addr" rows="2" required></textarea>
</div>
<label class="control-label col-md-1" >Postcode:</label>
<div class="col-md-3 input-group-sm">
<input type="text" class="form-control" name="user_curr_post_code" required>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="form-group">
<div class="col-md-12" style="margin-top: 20px; margin-bottom: 10px;">
<div class="col-md-2 col-md-offset-5">
<input type="submit" class="form-control btn btn-primary" name="submit_app" value="Submit Application">
</div>
</div>
</div>
</div>
<br>
<br>
<br>
</div>
</div>
</div>
</div>
</div> <!-- Application Form Ends Here -->
</form>
May be at first you tried small images and 5 pieces of small JPEGs didn't exceed your request size, then. Now, you're trying with bigger files and the total of your files are exceeding your request size value, thus you cannot complete your POST requests.
You should have got an error on the way somewherei though, but anyway.
I believe you should increase the request size in you PHP settings. Check the value of request size is bigger than the total size of files you're trying to POST.
I cannot provide you any code, because your question doesn't have any. I am just trying to help you out by pointing where to look.
EDIT:
As I am not a PHP expert, I know that the post size can be changed when you play with the "upload_max_filesize = xxM" and "post_max_size = xxM" which are located in the "PHP.ini" configuration file in your PHP installation directory. These are global values, though. If you're using a hosting panel, chances are you will find PHP specific settings in your panel. Just change or add these settings in order to override the global ones.