PhpDili Özgün PHP Dersleri

Oluşturduğumuz formlarda bazı alanların zorunlu doldurulmasını isteriz ve bunun için bir denetim gerçekleştirmemiz gerekmektedir.
Bir çok yöntemle bu denetimi gerçekleştirebiliriz ama bana göre en uygun metod jquery ile yaptığımız boş/dolu kontrolüdür. Gerekli olan tek şey jquery.com adresinden jquery kütüphanesini temin edip, sayfamıza include etmek.
Sonrasında formumuza vereceğimiz id değeri ve yazacağımız javascript kodu ile kullanıcı form submit butonuna bastığında verilerin gönderileceği sayfaya geçiş olmadan boş/dolu kontrolü gerçekleşmiş olacaktır.

Örnek kod oluşturalım.

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready( function() {
	$("#kayitform").submit(function() {
		if ($("#alan").val()=='') {
			alert("Lütfen, alan 1 doldurunuz.");
			return false;
		}
		if ($("input[@name='sec']:checked").val()==null) {
			alert("Lütfen, seçenek 1 veya seçenek 2 işaretleyiniz.");
			return false;
		}
		if ($("#combo").val()=='') {
			alert("Lütfen, bir değer seçiniz.");
			return false;
		}
	});
});
</script>
<form action="sayfa2.php" method="post" id="kayitform">
  <label>Alan 1
    <input type="text" name="alan" id="alan" />
  </label>
  <br /><br />
  <label>
	<input type="radio" name="sec" id="sec" value="1" />Seçenek 1
  </label>
  <label>
     <input type="radio" name="sec" id="sec" value="2" />Seçenek 2
  </label>
  <br /><br />
  <label>Seçiniz
    <select name="combo" id="combo">
    <option value="">Seçiniz</option>
    <option value="1">Değer 1</option>
    <option value="2">Değer 2</option>
    </select>
  </label>
  <br /><br />
  <label>
    <input type="submit" name="button" id="button" value="G&ouml;nder" />
  </label>
</form>

Yazdığımız örnek kodumuzda; normal bir texfield alanı, radio button ve list combo box dolu/boş kontrolü yapılmaktadır.

jQuery ile form alanları dolu mu boş mu kontrolü için çalışır demo sayfasına ve kaynak kodlara aşağıdaki linklerden ulaşabilirsiniz.
[ad code=2]
Demo : jQuery ile Form Kontrolü
Download : jQuery ile form kontrolü download
Şifre : phpdili.com

Benzer Yazılar:

1. jQuery Masked Input Eklentisi
2. Form aracılığıyla veritabanına kayıt ekleme
3. Veritabanındaki Kayıtları Düzenleme
4. PHP ile Form Değişkenlerine Erişim
5. Değişken boş olup olmadığı kontrolü