[PHP, HTML] Anlatım - Bootstrap ile Formlarınız İçin Javascript Kullanmadan Şık Hata Mesajları

[sergun26]

Merhaba, kendi sitem için hazırlamış olduğum oturumlarla hata mesajları sistemini sizlere göstermek istedim. Projelerinizde kullanabilirsiniz.
Kod:

<?php
    if($_SERVER['REQUEST_METHOD'] == 'POST') { // Verinin yollanıp yollanmadığını kontrol ediyoruz
        $kullanici = strip_tags(mysql_real_escape_string($_POST["kullaniciadi"])); //Kullanıcı verisini zararlı kodları kaldırarak çekiyoruz, projelerinizde değiştirerek istediğiniz değeri ayarlayabilirsiniz.
        $sifre = strip_tags(mysql_real_escape_string($_POST["kullaniciadi"])); //Şifre verisini zararlı kodları kaldırarak çekiyoruz, projelerinizde değiştirerek istediğiniz değeri ayarlayabilirsiniz.
        if(!$kullanici || !$sifre){ //Kullanıcı ve şifreyi için atadığımız değişkenler dolu değil ise
            $_SESSION['giriskayit_hatamesaj'] = array(); //Oturum değişkenimizi dizi olarak atadık
            $_SESSION['giriskayit_hatamesaj'][] = 'Lütfen boş alan bırakmayın!'; //Dizimize bir hata mesajı ekledik, Böylece çoklu hata mesajları yapabilirsiniz.
        }
    }else { //Form gönderilmemişse
        unset($_SESSION['giriskayit_hatamesaj']); //Hata oturum değişkenini silerek yollanmadığı halde silerek hata vermesini önlüyoruz
    }
    ?>
<form class="form-signin" action="sayfa.php" method="post">
<?php
if(isset($_SESSION['giriskayit_hatamesaj'])) { //Hata mesajı oturum değişkenimiz ayarlanmış ise
?>
<div class="alert alert-danger" role="alert">
<span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
<span class="sr-only">Hata:</span>
<?php
    foreach($_SESSION['giriskayit_hatamesaj'] as $hata) { //Dizimizi döndürüyoruz
        echo "<br>$hata"; //Dizi içindeki mesajları tek tek gösteriyoruz
    }
?>
</div>
<?php } ?> //Hata mesajı oturum değişkenimiz ayarlanmışsa ifini kapattık
<input name="kullaniciadi" type="text" class="form-control" placeholder="Kullanıcı adı" required autofocus>
<input name="sifre" type="password" class="form-control" placeholder="Şifre" required>
<button class="btn btn-lg btn-primary btn-block" type="submit">Giriş yap</button>
</form>