Öneri ve Hata Raporu



Günün Sözü Her an seni düşünür

oylama 2.9/5 yorum 2 yorum yazar Hakan Taşan tarih 28 Kasım 2013

Başka bir makalede jquery ile form kontrolü uygulaması yapımını anlatmıştık. Onda da e-mail doğrulaması vardı ancak sade olsun diye ayrı bir makalede kodları vermek istedim. Örneğimizde e-mail için bir input alanı olacak ve klavyeden her tuşa bastığınızda e-mailin geçerli olup olmadığı kontrol edilecek. Bu işlemi javascriptte yapıyor olsaydık anlık kontrol yapamayacaktık fakat jQuery bize bu imkanı sağlıyor. Eğer anlık olarak e-mail doğrulaması istemiyorsanız javascript ile e-mail doğrulama yazısını inceleyebilirsiniz.

jQuery Kodu

$(document).ready(function(){
    $("#uye_formu").on("keyup", function(event){
        form_kontrolu();
    });
});

function form_kontrolu()
{
    var email = $("input[name=email]").val();
    var atpos=email.indexOf("@");
    var dotpos=email.lastIndexOf(".");

    if ( atpos<1 || dotpos<atpos+2 || dotpos+2>=email.length )
        $('.uyari').html("Geçerli email adresi girin");
    else
    {
        $('.uyari').html("E-Mail adresi geçerli");
        $('#uye_formu').removeAttr('onsubmit');
    }
}

 

HTML Kodu

<div id="uyelik_formu">
    <form action="#" name="uye_formu" id="uye_formu" method="post" onsubmit="return false;">
        <label>E-Mail:</label>
        <input type="text" name="email">
        <input type="submit" value="Kaydet!">
    </form>
    <div class="uyari"></div>
</div>

 

paylaş Paylaş
oylama yap Oyla

makale yorumları YORUMLAR

2 Yorum


yorum

Hilmi Tunca

18 Temmuz 2015 20:56


faydalı bir ders olmuş. aynı bu işlem için butonu kilitleme daha net bir kontrol getirebilir. hata mesajı çıkıyor ama @ karakteri öncesi hangi karakter girilirse hata mesajı çıkıyor. En azından kullanıcın formdan çıkışını beklemek daha profesyonel olabilir. Bu işleme şöyle bir şey yapılabilir mi? Kullanıcı formdan çıktığında hata mesajı çıkacak bunu dikkate almadan ilerlemek isterse kaydet butonu aktif olmayacak.

yorum

Admin

18 Temmuz 2015 22:46


Merhaba Hilmi Tunca, email doğrulaması için tam olarak bir mail adresi girmelisiniz. @ karakterinden sonrasını tamamlarsanız @ karakterinden öncesi hata vermeyecektir. Parça parça olursa mail adresi yanlış hatası verir. Ayrıca buton kilitleme için bir makale yazmıştım, isterseniz email kontrolü olarak uygulayabilirsiniz. Ben sadece email kontrolü olacağı için bu şekilde bir hata mesajını uygun gördüm sizin söylediğiniz gibi de olabilir tabii ki. http://hakantasan.com/index/makaleler/89/jquery-ile-form-doldugunda-submit-butonunu-aktiflestirmek/