Contoh script form & alert menggunakan bahasa Javascript
Kali ini saya akan berbagi contoh script bahasa javascript untuk membuat form dan alert peringatan. Jika masih berlum tahu apakah alert ? apakah form? Apakah arti dan fungsinya alert dan form tersebut dalam bahasa javascript, silahkan lakukan pencarian di google karena saya tidak dapat langsung menjelaskan secara detail dan rinci, sedangkan waktu yang padat merayap seperti antian loket. Kembali ke topik utama, yang saya bahas sekarang adalah script program form & alert untuk lebih jelasnya silahkan lihat contoh script berikut ini :
<html>
<head>
<title>
Tugas Indra Mulyo</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
</head>
<body>
<script language="javascript">
function tekan()
{
var onim=(document.fform.nim.value);
var onama=(document.fform.nama.value);
var oalamat=(document.fform.alamat.value);
var ojk=(document.fform.jk.value);
var ojurusan=(document.fform.jurusan.value);
var ohobby=(document.fform.hobby.value);
var oket=(document.fform.keterangan.value);
if ((document.fform.nim.value == "")||(document.fform.nama.value == "")||(document.fform.alamat.value == "")||((document.fform.jk[0].checked == "")&&(document.fform.jk[1].checked==""))||(document.fform.jurusan.value == "")||(document.fform.hobby.value == "")||(document.fform.keterangan.value == ""))
{
alert("Maaf Data tidak Boleh Kosong!");
}
else
{ if
(document.fform.jk[0].checked)
{ojk="Laki-laki";
}
else
if(document.fform.jk[1].checked)
{ojk="Perempuan";
}
{
document.write ("<h3>Tugas Javascript</h3><h3>Nim : 1120020</h3><h3>Nama : Indra Mulyo</h3><h3>Jurusan : Teknik Komputer B</h3>");
document.write ("<br>");
document.write ("<hr>");
document.write ("<table width ='600' border ='1'>");
document.write ("<tr><th>NIM</th>");
document.write ("<th>NAMA</th><th>ALAMAT</th><th>JENIS KELAMIN</th><th>JURUSAN</th><th>HOBBY</th><th>KETERANGAN</th><tr>");
document.write ("<tr><th>"+onim+"</th><th>"+onama+"</th><th>"+oalamat+"</th><th>"+ojk+"</th><th>"+ojurusan+"</th><th>"+ohobby+"</th><th>"+oket+"</th><br>");
document.write ("</table>");
}
}
}
</script>
<form name="fform" onSubmit="return tekan()">
DATA MAHASISWA<br>POLITEKNIK NSC SURABAYA<br><hr><br>
SILAH KAN MASUKKAN DATA : <br><br>
NIM :<input type=text size=8 name="nim"><br>
NAMA :<input type=text size=20 name="nama"><br>
ALAMAT :<input type=text size=20 name="alamat"><br>
JENIS KELAMIN :<input name="jk" type="radio">
LAKI-LAKI <input name="jk" type="radio">PEREMPUAN<br>
JURUSAN : <select name="jurusan" size="1" >
<option value="">
-- Pilih Jurusan --
</option>
<option value = "Teknik Komputer">
teknik informatika
</option>
<option value = "Administrasi Niaga">
Administrasi Niaga
</option>
<option value = "Akutansi">
Akutansi
</option>
<option value = "Perhotelan">
Perhotelan
</option>
</select><br>
HOBBY :<input type=text size=20 name="hobby"><br>
KETERANGAN :<input type="text" size="20" name="keterangan"><br>
<input type="button" value="KIRIM" onClick="tekan()">
<input type="reset" value="RESET"><br>
</form>
</body>
</html>
Hasil & screenshoot gambar dari script program diatas bisa anda lihat di postingan saya yang lain. Script tersebut biasanya sama persis atau hampir digunakan dalam form-form data mahasiswa di universitas atau fakultas. Apabila ada bug atau pesan error jangan sungkan untuk menghubungi saya atau mungkin anda sendiri yang dapat memperbaiki error tersebut serta mengembangkan script form dan alert javascript buatan saya. Namun jika script tersebut normal tidak ada halangan atau bug, alhamdulillah rasa capek saya terbayarkan karena hasilnya sukses aman terkendali. semoga artikel atau tulisan tentang bahasa pemrograman javascript membuat script form dan alert ini bermanfaat. Untuk anda yamg telah berkunjung atau membaca blog ini, saya ucapkan terima kasih dan semoga sukses selalu. aamiin.
No comments:
Post a Comment