JS de form Kontrolü
HTML yapının içinde çalıştıracağımız jS(JavaScript) örnek bir iletişim formunun kontrolünü sağlayarak daha sağlıklı bilgi gönderimini sağlamaktadır.
Kodları 2 ye Bölerek Yazacağım,sizi şaşırtmasın her 2 kod kısmıda aynı sayfaya yerleştirilecektir.
HTML KOD:
<form name="form1" action="gonder.php" method="post" onsubmit="return kontrol()">
İsim : <input type="text" name="isim">
E-Mail: <input type="text" name="email">
Şifre : <input type="password" name="sifre1">
Şifre Tekrar: <input type="password" name="sifre2">
<input type="submit" value="Gönder">
</form>
</code>
JS KOD:
<script>
function kontrol(){
if(document.form1.isim.value==""){alert("Lütfen isim alanını boş bırakmayınız.");document.form1.isim.focus();return false;}
if(document.form1.email.value==""){alert("Lütfen E-Mail Alanını Boş Bırakmayınız.");document.form1.email.focus();return false;}
if(document.form1.sifre1.value==""){alert("Lütfen Şifre Alanını Boş Bırakmayınız");document.form1.email.focus();return false;}
if(document.form1.sifre1.value!=document.form1.sifre2.value){alert("Girdiğiniz Şifreler Uyumsuz.Lütfen Şifreyi Tekrar Giriniz.");document.form1.sifre1.focus();return false;}
if((document.form1.email.value.indexOf("@"))<1){alert("Lütfen E-Mail Adresinizi Kontrol Ediniz");document.form1.email.focus();return false;}
}
</script>
2 Responses to JS de form Kontrolü