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,582 Okunma 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,905 okuma, 31/12/2024

Sayı Tahmin Oyunu

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

26,640 okuma, 01/10/2024

Switch-case

Switch-case yapısı ve örnekte kullanımı.

25,534 okuma, 24/12/2024

Arka Plan Uygulamaları

25,295 okuma,

Dinamik İçerik Eklemek

24,697 okuma,

Resim Hareketlendirme

24,271 okuma, 10/01/2025

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

24,264 okuma, 27/12/2024