JAVASCRİPT'TE FORM DOĞRULAMA
Web sayfalarında çok sık yapılan bir işlem form doğrulama işlemidir. Örneğin bir sipariş formunun alanlarının doldurulmasının ardından form alanlarının kontrolü gerekir. Bu işleme doğrulama (validation) denir.
Örnek:
HTML-Kodu:
Kod:
<HTML><HEAD><TITLE>JavaScript Örnek </TITLE><SCRIPT LANGUAGE="JavaScript"><!--function Form1(form) {if (form.adi.value == ""){alert("Adiniz ?");return false;}elsereturn true;}function email(form){ if (form.e-mail.value == "" ||form.e-mail.value.indexOf('@',0) == -1){alert("E-mail adresiniz geçerli değil!");return false;}elsereturn true;}function Form1 (form){if (Form1(form) && email(form))form.submit();elsereturn false;}// --></SCRIPT></HEAD><BODY><CENTER><H1>JavaScript Form Doğrulama </H1></CENTER><FORM NAME="deneme" METHOD="POST" ACTION="kayit.asp">Name: <INPUT TYPE="TEXT" NAME="adi:"><BR>E-mail: <INPUT TYPE="TEXT" NAME="e-mail"><BR><BR><INPUT TYPE="BUTTON" NAME="Gonder" VALUE="Gönder"onClick="Form1(kontrol)"></FORM></BODY></HTML>Örnek: Diğer bir form kontrol işlemi. <form action="giris.asp" method="post"onsubmit="return checkform(this);"><input type="text" name="e-mail"><SCRIPT LANGUAGE="JavaScript"><!--function checkform ( form ){ // alan kontrolü if (form.email.value == "") { alert( "lüften e mail bilginizi girin" ); form.email.focus(); return false ; } // blok sonu return true ;}//--></SCRIPT> II. UYGULAMAAşağıdaki HTML giriş formu için doğrulama scripti yazın. <HTML><HEAD><TITLE> ÖRNEK FORM </TITLE></HEAD><body> <form name=tatil action=tatilkayit.asp method=post> Tarih: <input type=text Name= "tarih"> <br>Otel:<input type=text Name= "otel"> <br>Sure:<input type=text Name= "sure"><br> <input type=submit Name= "kaydet" value="kaydet"></form></body></HTML>