Required ile Php Formu Göndermeden Boş İnput Kontrolü

Merhaba, php de form kontrolü yapacağımız zaman sonuç sayfanızda kaç input varsa herbiri için doluluk – boşluk sorgusu yapıp ona göre sonuç işlemi döndürüyorsanız  bunun çok çok daha kolay bir yolu olduğunu size belirtmek isterim. Html5 in required özelliği sayesinde php formunuzu sonuç sayfasına göndermeden inputlarınız için dolu olmak zorunda uyarısı verdirip zorunlu alanlar boşsa formu sonuç sayfasına göndermeme tercihine sahipsiniz.

required ile boş inputlar için kullanıcıya uyarıda bulunulmakta

Tek yapmanız gereken input tagı içeriğine “required” kodunu eklemek!

<form action="sonuc.php" method="post">
  Email: <input type="email" name="mail" required>
  <input type="submit" value="Gönder">
</form>    

Required; boolean türünde bir özelliktir , birçok tarayıcı tarafından desteklenmektedir ve 2 farklı kullanım seçeneği daha mevcuttur.Bunlar şu şekildedir;

<input required="required">
<input required=""> 

Hangisi size kolay geliyorsa onu tercih edebilirsiniz. Ama bence en kolayı ilk örneğimde olduğu şekliyle direk required yazmanız. Tercih sizin 🙂

Buna ek olarak HTML5 in placeholder özelliği sayesinde inputlarınız boşken kutucukta ne yazması gerektiğini ayarlayabilirsiniz. Onun yazım şekli ise şu şekildedir;

<form action="sonuc.php" method="post">
Email: <input type="email" name="mail" required placeholder="kullanıcı adınızı giriniz">
<input type="submit" value="Gönder">
</form>  

İşte bu kadar basit!

Bu özellik sayesinde kullanıcılarınıza input kutucuğu ile alakalı bir nevi referans notu yazmış oluyorsunuz, görünümü ise tarayıcıdan tarayıcıya değişebiliyor onu da belirtmiş olayım.

Buna ek olarak mouse ile input un üzerine geldiğinizde bir açıklama kutucuğu çıkmasını istiyorsanız title özelliğini kullanabilirsiniz;

<form action="sonuc.php" method="post">
 Email: <input type="email" name="mail" required placeholder="Email adresinizi giriniz" title="Lütfen Buraya Email Adresinizi Yazınız">
  <input type="submit" value="Gönder">
</form> 

Kullanıcının email kutucuğuna bir email adresi yazıp yazmadığını kontrol etmek için javascript kullanmamıza ya da php sonuç sayfasında kontroller yapmamızada gerek yok, input type=”email” sayesinde email formatı kontrolü de yapmış olduk.

input type=”password” sayesinde de şifrenin yazılırken içeriğinin görünmemesi, onun yerine siyah yuvarlaklar görünmesini sağladık.

Bu arada ben form elemanını bootstrap kullanarak hazırlıyorum , bilmeyenlere şiddetle tavsiye ederim. Css de sınıflar, idler ve farklı ekran boyutları için birçok media etiketi yazmak zorunda olmadan bootstrap ile hızlıca form elemanları oluşturabilirsiniz. Konumuz şuan bootstrap olmadığı için şimdilik ben bootstraplı standart bir form elemanı örneğini aşağıda vereyim;

<form action="sonuc.php" method="post">
  <div class="form-group">
    <label for="email">Email:</label>
    <input type="email" class="form-control" id="email" aria-describedby="email" placeholder="Email adresinizi giriniz" required>
    <small id="email" class="form-text text-muted">Email adresiniz kimse ile paylaşılmayacaktır.</small>
  </div>
  <div class="form-group">
    <label for="sifre">Şifre:</label>
    <input type="password" class="form-control" id="sifre" placeholder="Şifrenizi giriniz" required>
  </div>
  <div class="form-check">
    <input type="checkbox" class="form-check-input" id="benihatirla">
    <label class="form-check-label" for="benihatirla">CBeni Hatırla</label>
  </div>
  <button type="submit" class="btn btn-success">Kaydet</button>
</form>

Bootstrap ile form alternatiflerine bakmak için buraya tıklayabilirsiniz.

Krajee fileinput plugini ile sürükle bırak şekinde resim galerisi oluşturma yazısı için buraya tıklayınız.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir