Kali ini saya akan bahas kembali tentang Javascript.seperti yang sebelumnya, Javascript yang simple seperti contohnya
<script type="text/javascript">yang di atas bisa di simpan pada HTML bertag <Body>
Document.write('Contoh')
</script>
sekarang saya akan membahas tetntang Validasi form login.
<html>
<head>
<title>Login</title>
<script type="text/javascript">
function cekData()
{
// Cek isi kotak teks username
if (login.admin_nama.value == "")
{
alert("Username Harus Di Isi");
login.admin_nama.focus();
return false;
}
// Cek isi kotak teks password
if (login.admin_password.value == "")
{
alert("Password Harus Di Isi");
login.admin_password.focus();
return false;
}
else
return true;
}
</script>
</head>
<body>
<table width="100" id="tabel" align='center'>
<form id="login" method="post" action="proses.php" onsubmit="return cekData();">
<tr>
<td>Username</td>
<td>: </td>
<td><input type="text" name="admin_nama" id="admin_nama" placeholder="Masukan Nama Anda" /></td>
</tr>
<tr>
<td>Password</td>
<td>:</td>
<td><input type="password" name="admin_password" id="admin_password" placeholder="Masukan Password Anda" /></td>
</tr>
<tr>
<td>silahkan</td>
<td><input type="submit" name="submit" id="submit" value="Login" /></td>
</tr>
</form>
</body>
</html>
itu adalah Javascript seperti menggunakan tag <form>.
mudah kan ?
untuk yang selanjutnya, saya akan memberikan contoh form yang buttons
<FORM> <INPUT TYPE=BUTTON VALUE="Coba Klik" onClick="alert('Hello world')"> </FORM>
copy kan script di atas, maka akan ada button yg di klick akan memunculkan 'Hello world'
sekarang pada variabel dan literal.
Setelah mengetahui cara menanamkan JavaScript kedalam halaman web, selanjutnya kita akan membahas dasar-dasar dari pemrograman JavaScript itu sendirinya, sebagai langkah pertama dari proses belajar, kita akan membahas Variabel dan Literal. Ketiklah contoh berikut, dan simpan ke file Scroller.html
<SCRIPT LANGUAGE="JavaScript">
<!-- Start of scroller script
var scrollCounter = 0;
var scrollText = "Teks yang anda inginkan, misalnya Viva Indoprog";
var scrollDelay = 70;
var i = 0;
while (i ++ < 140)
scrollText = " " + scrollText;
function Scroller()
{
window.status = scrollText.substring(scrollCounter++,
scrollText.length);
if (scrollCounter == scrollText.length)
scrollCounter = 0;
setTimeout("Scroller()", scrollDelay);
}
Scroller();
// End of scroller script -->
</SCRIPT>
Table Cadangan kata pada JavaScript.
| abstract | extends | int | super |
| boolean | false | interface | switch |
| break | final | long | synchronized |
| byte | finally | native | this |
| case | float | new | throw |
| catch | for | null | throws |
| char | function | package | transient |
| class | goto | private | true |
| const | if | protected | try |
| continue | implements | public | var |
| default | import | return | val |
| do | in | short | while |
| double | instanceof | static | with |
| else |
0 komentar:
Posting Komentar