Günümüzde hemen hemen bütün sitelerde form görmek mümkün. Formu doldurup gönder dediğiniz de girdiğiniz veriler servera gönderilir ve karşılığında size bir sayfa gönderilir. Bazen bu gönderilen verileri kontrol etmek gerekir. Buna en basit örnek geçerli bir email adresi girilip girilmediğidir. Bunu dinamik bir dil ile yapmamız mümkün fakat her seferinde girilen veriyi kontrol edip kullanıcıya uyarı mesajı göstermek server ile kullanıcı arasındaki trafiği arttırır ve sistemin yavaş çalışmasına neden olur. Bu noktada JavaScript bize anında kullanıcı tarafında kontrol etmemizi sağlar. Fakat söylemem gerekir ki bu kesin bir güvenlik sağlamaz. Kullanıcı JavaScript kodlarını etkisiz hale getirirek form ile istediğini bilgiyi servera gönderebilir bu yüzden server tarafındada dinamik olarak ikinci bir kontrol yazmakta fayda vardır.
Şimdi JavaScript ile nasıl form kontrolu yapıldığını görelim.
Birincisi yazdığımız JavaScript fonksiyonunu form gönderme işlemi sırasında çalıştırmamız gerekir.
<form action="index.PHP" method="post" onSubmit = "return formKontrol(this)">
gördüğünüz gibi burada gönderme işlemi sırasında formKontrol fonksiyonunu çalıştırıp burdan gerelen veriyi döndürüyoruz. Eğer false değeri dönerse form gönderme işlemi gerçekleştirilmeyecektir. Kullandığımız this mevcut formu tanımlamaktadır.
En basit olarak kullanıcı girişindeki kullanıcı email adresi ve şifresini kontrol ettirelim.
<input type="text" name="email">
<input type="password" name="password">
Bunda sonra JavaScript kodumuzu yazalım.
<script type="text/JavaScript">
var EMAIL = /^[\w-\.]+\@[\w\.-]+\.[a-z]{2,4}$/;
Function formKnotrol( form)
{
If(form.getElementByName('email').value == "") {
Alert('Lütfen email adresinizi giriniz.');
Return false;
}
If(form.getElementByName('password').value == "") {
Alert('Lütfen şifrenizi giriniz');
Return false;
}
If(!EMAIL.test(form.getElementByName('email').value){
Alert('Lütfen geçerli bir email adresi giriniz!');
Return false;
}
Return true;
}
</script>
İlk olarak geçerli bir email adresinin nasıl olması gerektiğini tanımlıyoruz. Daha sonra formumuzdaki email ve password veri alanlarının boş olup olmadığını kontrol ediyoruz. Daha sonra geçerli email değişkenimiz de gelen email değerini test ediyoruz. eğer false değeri gelirse geçersiz bir email adresi girilmiştir. burda test bize yarattığımız format ile gelen değerin test edilmesini ve formata uygun olup olmadığını gösterir.
Aşağıda size bazı çok kullanılan formatları vermek istiyorum.
var SAYI= /^[\-]?\d*$/ ;
var REALSAYI= /^[\-]?\d*\.?\d*$/;
var SADECETEXT= /^[a-zA-Z\.\-\s]*$/ ;
var SIFRE= /^\w+$/ ;
var TEXT = /^[^<^>]*$/;
var TARIH= /^(\d{1,2})\-(\d{1,2})\-(\d{4})$/;
var ZAMAN = /^(\d{1,2})\:(\d{1,2})\:(\d{1,2})$/;
var EMAIL = /^[\w-\.]+\@[\w\.-]+\.[a-z]{2,4}$/;
var TELEFON= /^[\d\s\-]+$/;
