Bir uygulama yaptığınızı düşünün, ekranda sadece bir textbox ve buton var. Uygulamayı kullanan kişi o gün işe geç kalanların TC Kimlik Numaralarını ilgili alana yazıp, "Kaydet" butonuna basarak sisteme kaydediyor.
Textbox'a sadece rakamlar girilmesi gereken böyle basit bir sistemde, araya yanlışlıkla yazılan bir harf kullanıcının canını sıkabilir. Bugün bunu nasıl engelleyeceğimizi öğreneceğiz. (Örnek Dosyayı İndir)
1- İşimizi görecek dosya aşağıda bunu "numeric.js" ismiyle kaydedelim.
JavaScript:
-
function ForceNumbersOnly(myfield, e, dec){
-
var key;
-
var keychar;</span></span>
-
-
if (window.event){
-
key = window.event.keyCode;
-
}
-
-
else if (e){
-
key = e.which;
-
}
-
-
else{
-
return true;
-
}
-
-
if(key != 46 && key != 45 && key> 31 && (key <48 || key> 57)){
-
return false;
-
}
-
-
else{
-
return true;
-
}
-
}
-
-
function RemoveNonNumeric(myfield){
-
var re = /[^0-9\.\-]/g;
-
-
if(re.test(myfield.value)){
-
myfield.value = myfield.value.replace(re, '');
-
myfield.value = myfield.value.replace(/\./, '');
-
}
-
}
2- Sonrasında bu dosyayı formumuzun bulunduğu ilgili sayfaya yükleyelim.
JavaScript:
-
<script src="numeric.js" type="text/javascript"></script>
3- Harf onaylamasını yapan fonksiyonu etiketinin tam önüne yerleştiriyoruz.
JavaScript:
-
<script type="text/jscript">
-
function ValidateNumber(num){
-
return num.match(/^\d+$/);
-
}
-
</script>
4- Son olarak harf maskelemesi yapacağımız textbox'a aşağıdaki kodları ekliyoruz.
HTML:
-
<input type="text" name="tckimlikno" maxlength="11" onkeypress= "return(ForceNumbersOnly(this, event));" onchange="RemoveNonNumeric(this)"/>
Bir sayfadan diğerine GET ve POST yoluyla veri taşıyabiliyoruz. GET'i kullanırken ilgili veriyi URL'ye ekliyoruz. Tabi bu pek sağlıklı bir yol değil, çünkü ziyaretçi taşıdığınız veriyi görebiliyor. Geriye POST kalıyor ki, doğal olarak bu yolda GET'e göre daha sağlıklı.
Şimdi konumuza giriş yapabiliriz, malum "<form></form>" etiketleri içindeki ilgili formlara girelen bilgileri diğer sayfaya yolluyoruz. Ama peki kullanıcının etkisi olmadan istediğimiz bazı verileri diğer sayfaya göndermek istersek ne kullanacağız. Bunun için kullanılacak olan html kodu;
<input type="hidden" value="deneme" name="gonderilen" />
Peki bu veriyi nerede nasıl kullanabiliriz? Örneğin iki sayfadan oluşan bir bilgi giriş formumuz var. Formu dolduracak kişi ikinci sayfanın url'sini bilsede ilk sayfaya uğramadan ikinci sayfaya gidemeyecek.Bunun için yapmamız gerekenler aşağıda;
1. Sayfa - (birinci_sayfa.php)
<form name="bilgigiris" method="post" action="ikinci_sayfa.php">
<input type="hidden" value="birinci_sayfa.php" name="gonder" />
<input type="submit" value="Kaydet" />
</form>
2. Sayfa - (ikinci_sayfa.php)
Aşağıdaki kod sayfanın en tepesine yerleştirilecektir.
<?php
if (!isset($_POST["gonder"])) header("location:birinci_sayfa.php");
if ($_POST["gonder"]!="birinci_sayfa.php"){header("location:birinci_sayfa.php");}
?>
Açıklama: Eğer ilk sayfada ki $_POST["gonder"] değişkeni ikinci sayfaya içinde "birinci_sayfa.php" verisi olmadan gelirse, ziyaretçi ilk sayfaya (birinci_sayfa.php) geri gönderiliyor.Sanırım bu uygulama işinize yarayacaktır.
Dreamweaver'ın bize sunduğu en büyük kolaylıklardan biride kuşkusuz "Adobe SPRY Ajax Library". Bugün "Spry Validation Text Field" ile ziyaretçiler için doldurmaları zorunlu formlar nasıl yapılır bunu öğreneceğiz.
Bunun için Dreamweaver'da boş bir sayfa açalım.Ve sonrasında "Forms" menüsünün (1) altından, "Spry Validation Text Field" butonuna (2) tıklayalım.Dreamweaver ilgili kodları sayfaya kendi ekleyecektir. Formumuza bir de buton (3) ekleyelim ve son olarak "Code" butonuna (4) tıklayarak eklenen kodları görüntüleyelim. Bu kodlar arasından,
<span class="textfieldRequiredMsg">A value is required.</span>
satırını bulalım ve bunu,
<span class="textfieldRequiredMsg">Lütfen Adınızı Yazınız.</span>
olarak değiştirelim.Artık formumuz hazır, sayfayı çalıştıralım ve hiçbir şey yazmadan butonuna tıklayalım.Sayfamızın görüntüsü aşağıdaki gibi olacaktır.
İletişim için 
