lostyazilim
tr.link

jQuery Dinamik Form Kontrolü Kodları

3 Mesajlar 8.460 Okunma
lstbozum
tr.link

Hucukii Hucukii </ismailcaakir> Kullanıcı
  • Üyelik 14.09.2013
  • Yaş/Cinsiyet 29 / E
  • Meslek Freelancer
  • Konum Bursa
  • Ad Soyad İ** Ç**
  • Mesajlar 382
  • Beğeniler 57 / 78
  • Ticaret 8, (%100)
Sitelerinizde kullandığınız input (Giriş) alanlarını jQuery ile submit butonuna tıklandığı anda boş mu değilmi diye kontrol ettirmek ve boşsa sayfayı yenilemeden ekrana uyarı verdirtmek için aşağıdaki kodları kullanabilirsiniz.Kodların açıklamasını az çok yapmaya çalıştım..

Örneği görmek istiyorsanız buraya tıklayabilirsiniz..jQuery Dinamik Form Kontrolü - Demo



<script></script>
<script>
$(document).ready( function(){

//eğer kayıt formunda submite tıklanmışsa bu fonksiyon devreye girer
$("#kayit_form").submit(function() {

//isim id'sine sahip inputun içinde değer varmı yokmu diye kontrol ettirdik..Eğer yoksa uyari class'ına yazı yazdırdık..
if($("#isim").val()==""){
$(".uyari").text("Hata:Lütfen formdaki 'İsim' alanını doldurunuz..");
return false;
}
//soyisim id'sine sahip inputun içinde değer varmı yokmu diye kontrol ettirdik..Eğer yoksa uyari class'ına yazı yazdırdık..
if($("#soyisim").val()==""){
$(".uyari").text("Hata:Lütfen formdaki 'Soyisim' alanını doldurunuz..");
return false;
}
//email id'sine sahip inputun içinde değer varmı yokmu diye kontrol ettirdik..Eğer yoksa uyari class'ına yazı yazdırdık..
if($("#email").val()==""){
$(".uyari").text("Hata:Lütfen formdaki 'E-Mail' alanını doldurunuz..");
return false;
}
// tüm alanlar doldurulduktan sonra form submit edilir.
return true;
});

});
</script>



İsim:



Soyisim:



E-Mail:







Kaynak: jQuery Dinamik Form Kontrolü - Mascoder
Adobewordpress

kişi bu mesajı beğendi.

Develops everything always..
wmaraci
reklam

Adobewordpress Adobewordpress WM Aracı Kullanıcı
  • Üyelik 08.07.2011
  • Yaş/Cinsiyet 36 / E
  • Meslek Tasarımcı
  • Konum İstanbul Avrupa
  • Ad Soyad V** Ö**
  • Mesajlar 677
  • Beğeniler 58 / 418
  • Ticaret 1, (%100)
Güzel makale.

Küçük bir hatırlatma yapayım.
Kalın kitapların içerisinde çok az görsel vardır. Kitapların sayfalarında ise özel işlemeler ve desenler olmaz. Bunun sebebi tabii ki baskı masraflarını düşürmek olabilir. Ama temelinde en geçerli sebep okuyucuyu metine odaklamaktır. Bu yüzden aşırı metin içeren tasarımlar az görsel içermeli, sadeliği hedef almalıdır. Kaynak sitenin de tasarımı bu yüzden güzel.
 

 

adobewordpress.com ~ “güncel tasarım okulu”

Hucukii Hucukii </ismailcaakir> Kullanıcı
  • Üyelik 14.09.2013
  • Yaş/Cinsiyet 29 / E
  • Meslek Freelancer
  • Konum Bursa
  • Ad Soyad İ** Ç**
  • Mesajlar 382
  • Beğeniler 57 / 78
  • Ticaret 8, (%100)

Adobewordpress adlı üyeden alıntı

Güzel makale.

Küçük bir hatırlatma yapayım.
Kalın kitapların içerisinde çok az görsel vardır. Kitapların sayfalarında ise özel işlemeler ve desenler olmaz. Bunun sebebi tabii ki baskı masraflarını düşürmek olabilir. Ama temelinde en geçerli sebep okuyucuyu metine odaklamaktır. Bu yüzden aşırı metin içeren tasarımlar az görsel içermeli, sadeliği hedef almalıdır. Kaynak sitenin de tasarımı bu yüzden güzel.


Yorumunuz için teşekkür ederim , tabiki kaydetmeden önce php ile bir kez daha kontrolü yapılmalıdır bende sizin düşüncenizi destekliyorum :)
 

 

Develops everything always..
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al