Hemen bir örnekle açıklayalım.
<html>
<head>
<meta charset="utf-8">
<script>
function kontrol() {
var isim=document.bilisimturk.isim.value;
var parola=document.bilisimturk.parola.value;
if(isim=="" || parola==""){
alert("Lütfen tüm alanları doldurun");
}else{
document.bilisimturk.submit();
}
}
</script>
</head>
<body>
<form name="bilisimturk" action="" method="post" o<strong></strong>nsubmit="return false;">
İsim : <input type="text" name="isim" id="isim"><br>
Parola :<input type="password" name="parola" id="parola"><br>
<input type="submit" value="Gönder" o<strong></strong>nclick="return kontrol()">
</form>
</body>
</html>Şimdi ne yaptığımızı kısaca açıklayalım.Önce kontrol adında bir fonksiyon oluşturduk.Bu fonksiyonda var ile 2 tane değişken tanımladık.isim ve parola.
Sonra bu değişkenlerin boş olup olmadığını kontrol ettik.Eğer herhangi biri boşsa uyarı verdik.Eğer değilse formu gönderdik.
Bunu formda kullanırken ise formu ilk oluştururken onsubmit eventini false yaptık ki submit butonuna tıklayınca form gönderilmesin.
Sonra gönder butonuna tıklayınca da kontrol fonksiyonumuz çalışacak.
Notlar >>
Eğer kullanıcı hiç karakter girmeden boşluk tuşuna bassa bile form gönderilir.Bunu önlemek için jQuery.trim() metodunu kullanabilirsiniz
Kodların çalışan halini görmek için tıklayın
Kaynak :http://bilisimturk.org/forum/Javascr...rolleri-konusu
