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

Jquery ile Form Kontrol

Konuyu Okuyan Kişiler (0)

bicoder

webmaster.tc
Katılım
5 Eyl 2012
Mesajlar
188
Beğeniler
0
#1


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;

  $(".minput").each(function(index) {
    $(this).removeClass('required');
    $(this).parent().find("span").remove();  
     if($(this).val() == "") { 
      $(this).addClass('required');
      $(this).parent().append('<span>* gerekli</span>');
      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ü — Egonomik