SEOTurk Forum Üye Girişi Kayıt Ol
Giriş


JavaScript Fonksiyon Kullanımı Google Javascript Fonksiyon Örnekleri ve Kullanımı
Yönetici
*******

Mesaj Sayısı: 24
Rep Puanı: 4

Özel Mesaj Gönder E-Posta Gönder
#1
Fonksiyon kullanımı sizi birçok zahmetten kurtarıp daha hızlı sonuçlar elde etmenize olanak sağlayacaktır.

Misal; bir formumuz var ve bu form’da gönder butonuna tıkladığımızda formu kontrol ettirelim, bu form’da boş alan varmı? yada istediğimiz özelliklerde veri girişi sağlanmışmı? yani fonksiyonlar sayesinde JavaScript Form Validation işlemi yapacağız.Html’de örnek bir form oluşturarak işe başlayalım.
<form action="#" method="post" name="FormIletisim">
Adınız: <input type="text" name="adi">
<br>
Soyadınız: <input type="text" name="soyadi">
<br>
<input type="submit" value="Gönder">
</form>

Formumuzu bu şekilde oluşturduktan sonra sayfamızın <head> bölümüne gelerek javascript kod bloğumuzu açıyoruz ve fonksiyonumuzu “kontrol” isminde oluşturuyoruz.
<head>
    <script type="text/javascript"> //Javascript kod bloğu
        function kontrol(){  //kontrol isminde fonksiyon oluşturduk
 
            if(FormIletisim.adi.value){} //Eğer formda bulunan adi nesnesi geliyormu?
            else{ //Eğer formdan değer gelmiyorsa uyarı veriyoruz
                alert("Lütfen Adınızı Yazınız."); //Uyarı verdirdik
                return false; //işlemi durdurduk
            }
 
            if(FormIletisim.soyadi.value){}
            else{
                alert("Lütfen Soyadınızı Yazınız.");
                return false;
            }
            
        }
    </script> //Javascript kod bloğumuzu sonlandırdık
</head>

Bu örnekte çok basit düzeyde Javascript’te form kontrol yapmayı göstermiş olduk. Eğer adı, soyadı text alanları boş olduğu zaman ekrana uyarı veriyor ve işlemi durduruyor. Böylelikle kullanıcının önüne bir uyarı getirmiş olduk.

Bu fonksiyonun çalışması için bir tetikleme işlemi yapmamız gerekir. Yani hangi durumda bu fonksiyonumuz çalışmalı? Tabi ki Gönder butonuna tıklandığı zaman değilmi? Bunun için oluşturduğumuz html kodlarına tekrar gelip buton bölümüne şöyle bir parametre gireceğiz.
onclick="return kontrol()"

Bu parametreyi ise kodumuza parametre olarak şu şekilde ekleyebiliriz.
 
<input type="submit" value="Gönder" onclick="return kontrol()">

Böylelikle gönder butonuna tıklandığı zaman form post etmeden önce text alanları kontrol edilip boş değil ise post işlemi gerçekleşecektir.
(Son Düzenleme: 04-29-2019, 11:00 AM, Düzenleyen: SEOTurk.)
04-29-2019, 10:39 AM
Cevapla


« Önceki Konu | Sonraki Konu »

Lütfen Giriş Yapın & Kayıt Olun.
Bize Destek Olmak İçin Lütfen Hemen Giriş Yapın & Kayıt Olun
Hemen Kayıt Ol
Sitemize Çok Kolay Bir Şekilde Kayıt Olabilirsiniz. Kayıt olarak birçok içeriğe ücretsiz erişebilirsiniz !
&
Giriş yap
Zaten Bir Hesabınız Var Mı? Giriş yap.


Anahtar Kelimeler

JavaScript Fonksiyon Kullanımı, JavaScript Fonksiyon Kullanımı nedir, JavaScript Fonksiyon Kullanımı nasıl yapılır, JavaScript Fonksiyon Kullanımı seo, JavaScript Fonksiyon Kullanımı indir, JavaScript Fonksiyon Kullanımı hakkında bilgi, JavaScript Fonksiyon Kullanımı yardım, JavaScript Fonksiyon Kullanımı hatası, JavaScript Fonksiyon Kullanımı blog, JavaScript Fonksiyon Kullanımı ne işe yarar, JavaScript Fonksiyon Kullanımı ne işe yarar


Hızlı Menü:


Konuyu Okuyanlar: 1 Ziyaretçi