Form kontrolleri İnput Dolu mu kontrolü

Formda en çok kullanılan ve aranılan kontrol istediğimiz alanların doldurulmasını sağlamak. Bunun için basit bir kod hazırlayalım.
Bunun için biraz javascript bilmemiz gerekiyor. Merak etmeyin ben size bunu anlatacağım :)

ilk olarak bir formumuz olsun.

Form Kontrolü Zorunlu Alanlar
Adınız
Soyadınız

Şimdi bu formda alanları doldurmak zorunlu olsun. Eğer alanlar doldurulmadıysa uyarı verdirelim.

Kodlar şu şekilde olacak.

<script language="javascript">

//Form kontrolü için javascript fonksiyon yazıyoruz.

function formKontrol(){

//inputlar için değişken tanımlıyoruz.

var adi = document.getElementById("adiniz").value;

var soyadi = document.getElementById("soyadiniz").value;

// eğer alanlar boş değilse sayfada uyarı vermiyoruz ve post ediyoruz (return true)

if(adi!="" && soyadi!="")

{

return true;

//Eğer boş alan bırakılmışsa uyarı veriyoruz ve sayfayı post etmiyoruz. ( return false)

}else{

alert("alanları doldurmalısınız.");

return false;}

}

</script>

Formumuz da bu şekilde olacak. formda input id lerine dikkat edin. onlar üzerinden javascript kodumuz çalışacak. 

<table width="400" border="1" cellspacing="0" cellpadding="5">

 <form action="kaydet.asp" method="post" name="frm1" onsubmit="return formKontrol()">

  <tr>

    <td colspan="2" bgcolor="#e5e5e5"><strong>Form Kontrol&uuml; Zorunlu Alanlar</strong></td>

  </tr>

  <tr>

    <td width="98">Adınız</td>

    <td width="282"><input type="text" name="adiniz" id="adiniz" /></td>

  </tr>

  <tr>

    <td>Soyadınız</td>

    <td><input type="text" name="soyadiniz" id="soyadiniz" /></td>

  </tr>

  <tr>

    <td>&nbsp;</td>

    <td><input type="submit" name="button" id="button" value=" kaydet " /></td>

  </tr></form>

</table>