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.
$(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');
}
}
<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>
YORUMLAR