• Bu site çerezler kullanır. Bu siteyi kullanmaya devam ederek çerez kullanımımızı kabul etmiş olursunuz. Daha fazla bilgi edin.

jQuery ile Kutu Kontrol

Konuyu Okuyan Kişiler (0)

inforesim

webmaster.tc
Katılım
4 Ağu 2012
Mesajlar
2,439
Beğeniler
0
#1
Çoğu projede görsellik kazanmak için Jquery ile Boş kutuları posttan önce göstermek istersiniz (Görsel olarak hoş bir görüntüye sahip olur) sizlere bunun yapımı ile İlgili egonomik de gördüğüm yazıyı paylaşmak istiyorum.

Not : Bu arada tasarımla da güzel üye giriş paneli olur :p



jQuery kütüphanesini kullanan scriptimiz basit bir biçimde formdaki inputların boş olup olmadığını kontrol ediyor. Aslında vakit buldukça üzerinde çalıştığım detaylı bir iletişim scripti var, onun arefesinde ufak ve işlevsel bir özellik olarak bunu da paylaşmak istedim.

Form gönderildiği zaman boşluk kontrolü yapan kodlarımız aşağıdaki gibi:

PHP:
// form submit kontrol
$("#myform").submit(function() {

  var required = 0;

  $("input").each(function(index) {
    $(this).removeClass('required');
    $(this).parent().find("span").html('');  
     if($(this).val() == "") { 
      $(this).addClass('required');
      $(this).parent().find("span").html('* gerekli');
      required++;
     }                 
  });
  
  if(required>0) {
    return false;
  }      
  return true;
});
jQuery kullanımı hakkında bilgi sahibi değilseniz script dosyalarını bilgisayarınıza indirip detaylı olarak incelemenizi ve çalışmanızı bu dosyalar üzerinden yürütmenizi tavsiye ederim.

Scriptin çalışan örneği
Demo

Scripti indir (68kb)
Download

Kaynak : jQuery ile basit form input kontrolü