Javascript Uygulama / OnSubmit() Uygulamaları

2. Sınıf Öğrencileri İçin Sunular 1
5. Sınıf Öğrencileri Için Sunular 13
8. Sınıf Öğrencileri İçin Sunular 23
Belirli Gün Ve Haftalar 1
Bilgisayar Donanımları 5
Bilgisayar Programlama 2
Bilgisayar Yazılım 2
Bilişim Teknolojileri Ve Yazılım Temel Bilgisayar 64
Biyografiler 2
Biyoloji 2
Değerler Eğitimi 4
Eba Elektronik Bilişim Ağı 5
Eğitim-Öğretim Sunuları 3
Felsefe 2
İslam 3
Kelime İşlemci 1
Kişisel Gelişim 4
Kodlama, Robotic 4
Ortak Eğitim Proje Sunuları. 2
Problem Çözme Ve Algoritmalar 3
Proje Nedir? Nasıl Yapılır? 1
Rehberlik 16
Sağlık 3
Savaşlar 1
Scratch 1
Seminerler 3
Sınav Kaygısı 2
Sosyal Bilgiler 1
Sosyal Bilgiler 1
Tarih 1
Ulaşım Araçları 1
Verimli Ders Çalışma 1
Web Araçları 0
Windows İşletim Sistemi 1
Yarışmalar 0

OnSubmit() Uygulamaları

<html>
<head>
<title>java</title>
</head>
<body>
<script type="text/javascript">
<!--

function Kontrol(){

KontrolFormu=document.forms['MesajFormu'];

if(KontrolFormu.elements['ad'].value.length<=0) alert("Lütfen Ad Giriniz");
else if(KontrolFormu.elements['telefon'].value.length<=0) alert("Lütfen Telefon Giriniz");
else KontrolFormu.submit();

}

//-->
</script>

<form name="MesajFormu">

	<table>
		<tr><td>Adınız</td><td><input type="text" name="ad" /></td></tr>

		<tr><td>Telefon</td><td><input type="text" name="telefon" /></td></tr>
		
		<tr><td></td><td><input type="button" value="Tamam" onclick="Kontrol()" /></td></tr>
	</table>
</form>

</body>
</html>

<html>
<head>
<title>java</title>
</head>
<body>
<script type="text/javascript">
<!--

function Kontrol(){

KontrolFormu=document.forms['HesapMakinesi'];

if(KontrolFormu.elements['ad'].value.length<=0) alert("Lütfen Ad Giriniz");
else if(KontrolFormu.elements['telefon'].value.length<=0) document.getElementById("Mesaj").innerHTML="Lütfen Soyad Giriniz";
else if(KontrolFormu.elements['email'].value.length<=0) document.getElementById("Mesaj").innerHTML="Lütfen Mail Giriniz";
else KontrolFormu.submit();

}

//-->
</script>

<form name="HesapMakinesi">

	<table>
		<tr><td>Adınız</td><td><input type="text" name="ad" /></td></tr>

		<tr><td>Telefon</td><td><input type="text" name="telefon" /></td></tr>
		<tr><td>Email</td><td><input type="text" name="email" /></td></tr>
		<tr><td></td><td><input type="button" onclick="Kontrol()" /></td></tr>
	</table>
</form>

<div id="Mesaj" style="position:absolute; left:500px; top:10px; width:200px; height:200px; background-color:#F5B800; color:#ffffff; font-size:130%"></div>

</body>

/html>

19,368 Okunma Henüz yorum yapılmamış 19/07/2007 17:21:10

Yorumunuzu Ekleyin

Javascriptle Form Kontrolü

Basit bir forma ait nesnelerin javascript yardımı ile kontrol edilmesi

32,488 okuma,

Sayı Tahmin Oyunu

Date() ve Random() kullanılarak yapılmış bir sayı tahmin oyunu

26,331 okuma, 01/10/2024

Arka Plan Uygulamaları

25,060 okuma,

Dinamik İçerik Eklemek

24,476 okuma,

Resim Hareketlendirme

24,043 okuma, 15/10/2024

Tablo İşlemleri Örneği

HTML derslerinde tablolarla ilgili sayfalarımızda bir çok parametre öğrenmiştik. Ayrıca CSS derslerinde sınır çizgileri, dışkenar ve içkenar boşlukları hakkındaki sayfalarımızda birçok özellik yer alıyordu. Bu parametreleri ve stil özelliklerini id ile isimlendirilmiş tüm tablolar üzerinde JavaScript kodlarıyla uygulayabiliyoruz

23,482 okuma,