İyi bir gelecek, size iyi gelecek | Weeb Akademi
bilgi@weebakademi.com | 0 850 303 88 15 | Giriş Yap | Kayıt Ol
 
     

    Aşağıdaki örnekte, formlarda kullanabileceğiniz, email giriş alanlarının kontrolünü yapabileceğiniz jquery ve html kodları yer almaktadır. Bu sayede kullanıcıların doğru email adresi girip girmediklerini kontrol ettirebilirsiniz. Kontrol sonucunu alert olayıyla, ekrana uyarı olarak yazdırabilirsiniz. RegExp nesnesiyle email deseni oluşturup, bu desene göre mail kontrolü yapabilirsiniz.

    <head></head> tagleri arasına jquery kütüphanesini çağırmak için gereken kodu yazıyoruz:

    1
    
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>

    <body></body> tagleri arasına yazmamız gereken kodlar ise aşağıdadır.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    
    <input id="email" type="text" />
    <input id="btn" type="button" value="Kontrol Et" />
    
    <script>
    $("#btn").click(function()
    {
    var email = $("input#email").val();
    if(MailKontrol(email))
    {
    alert("Email Adresi Geçerli");
    }
    else
    {
    alert("Geçersiz veya Hatalı Email");
    return false;
    }
    })
    function MailKontrol(email)
    {
    var kontrol = new RegExp(/^[^0-9][a-zA-Z0-9_]+([.][a-zA-Z0-9_]+)*[@][a-zA-Z0-9_]+([.][a-zA-Z0-9_]+)*[.][a-zA-Z]{2,4}$/i);
    return kontrol.test(email);
    }</script>

     

    Faydalı olması dileğiyle.

     
     

    Referanslarımız