Jquery ile E-Mail Kontrolü

Head Tagları Arasında kütüphanemizi çağırıyoruz ve fonksiyonumuzu oluşturuyoruz.

<script src="js/jquery-1.9.1.js"></script><script type="text/javascript">// <![CDATA[
function kontrol(Event) {
var eposta = $("#<%=TextBox2.ClientID%>").val();
var desen = /^([a-zA-Z0-9_.-])+@([a-zA-Z0-9_.-])+.([a-zA-Z])+([a-zA-Z])+/;
if (desen.test(eposta)) {
$("#durum").removeClass("alert_error");
$("#durum").html("<font color='green'>E-Posta Doğru</font>");
$("#durum").addClass("alert_success");
$("#durum").toggle("clip");
}
else {
$("#durum").removeClass("alert_success");
$("#durum").html("<font color='red'>E-Posta yanlış</font>");
$("#durum").addClass("alert_error");
$("#durum").toggle("clip");
}
 
}
// ]]></script>

Client ID’sini aldığımız textbox’ı eposta değişkenine atadık.

Html Kodlarımız.

 

Textbox’ın onblur eventine fonksiyonumuzun ismini verdik.
Onblur textbox’a tıklandıkdan sonraki olaylar içindir

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir