Hhaaiiii..
balik lagi deh ke belajar form login,
kalu cuman mau nampilin form kosongan aja tanpa disain apa2 sih ringan gann..
Pada dasarnya sih mudah, kalu cuman mau nampilin form nya aja loh ya,,
suport by :
naHh ini guYss untuk script java scriptnya sendiri , simak yah..
file name nya " uts.js " hihi, jadi ngeshare tugas Q kuliah daHh, karena memang dulu suruh buat ginian seh..
function cekSubmit(form){
if (form.elements[0].value == "" || form.elements[1].value == "" || form.elements[2].value == "" || form.elements[3].value == "" ||form.elements[4].value == ""||form.elements[5].value == "" )
{
alert("Silakan isikan nama atau email serta data anda secara lengkap anda");
} else {
alert("Deskripsi singkat : " +form.elements[0].value +" adalah seorang manusia yang tinggal di kota "+form.elements[3].value +" tepatnya di "+form.elements[2].value +" dengan alamat kode pos "+form.elements[4].value + ". Bila anda ingin menghubungi silahkan mengirim email di :"+form.elements[1].value );
}
//alert("Deskripsi singkat : " +form.elements[0].value +" adalah seorang manusia yang tinggal di kota "+form.elements[3].value +" tepatnya di "+form.elements[2].value +" dengan alamat kode pos "+form.elements[4].value + ". Bila anda ingin menghubungi silahkan mengirim email di :"+form.elements[1].value );
return(true);
}
if (form.elements[0].value == "" || form.elements[1].value == "" || form.elements[2].value == "" || form.elements[3].value == "" ||form.elements[4].value == ""||form.elements[5].value == "" )
{
alert("Silakan isikan nama atau email serta data anda secara lengkap anda");
} else {
alert("Deskripsi singkat : " +form.elements[0].value +" adalah seorang manusia yang tinggal di kota "+form.elements[3].value +" tepatnya di "+form.elements[2].value +" dengan alamat kode pos "+form.elements[4].value + ". Bila anda ingin menghubungi silahkan mengirim email di :"+form.elements[1].value );
}
//alert("Deskripsi singkat : " +form.elements[0].value +" adalah seorang manusia yang tinggal di kota "+form.elements[3].value +" tepatnya di "+form.elements[2].value +" dengan alamat kode pos "+form.elements[4].value + ". Bila anda ingin menghubungi silahkan mengirim email di :"+form.elements[1].value );
return(true);
}
singkat juga ternyata ya, di bandingin kalu kita pake PHP yg saya benernya belon ngerti..
trus kita panggil dah di html nya,
silahkan di simak lg yah scriptnya, atau mungkin kalian seneng nyebut coding nya..
namanya "html.html"
nih nimatin :
<!DOCTYPE html>
<html lang="en">
<head>
<title>Sign Up</title>
<script language="JavaScript"type="text/javascript" src="uts.js"></script>
</head>
<body>
<h2>::Sign Up Form::</h2>
<form name="calc" action="#">
First Name :
<br>
<font color="white">spasinya</font>
<input type="text" size="25" name="inputan1">
<br>
Last Name:
<br>
<font color="white">spasinya</font>
<input type="text" size="25" name="inputan2">
<br>
User Name:
<br>
<font color="white">spasinya</font>
<input type="text" size="25" name="inputan3">
<br>
Email:
<br>
<font color="white">spasinya</font>
<input type="text" size="25" name="inputan4">
<br>
Password:
<br>
<font color="white">spasinya</font>
<input type="text" size="25" name="inputan4">
<br>
Retype Password:
<br>
<font color="white">spasinya</font>
<input type="text" size="25" name="inputan5">
<br><br>
<font color="white">spasinya</font>
<input type="submit" value="Process" onClick = "cekSubmit(this.form)"><br>
</form>
</body>
</html>
<html lang="en">
<head>
<title>Sign Up</title>
<script language="JavaScript"type="text/javascript" src="uts.js"></script>
</head>
<body>
<h2>::Sign Up Form::</h2>
<form name="calc" action="#">
First Name :
<br>
<font color="white">spasinya</font>
<input type="text" size="25" name="inputan1">
<br>
Last Name:
<br>
<font color="white">spasinya</font>
<input type="text" size="25" name="inputan2">
<br>
User Name:
<br>
<font color="white">spasinya</font>
<input type="text" size="25" name="inputan3">
<br>
Email:
<br>
<font color="white">spasinya</font>
<input type="text" size="25" name="inputan4">
<br>
Password:
<br>
<font color="white">spasinya</font>
<input type="text" size="25" name="inputan4">
<br>
Retype Password:
<br>
<font color="white">spasinya</font>
<input type="text" size="25" name="inputan5">
<br><br>
<font color="white">spasinya</font>
<input type="submit" value="Process" onClick = "cekSubmit(this.form)"><br>
</form>
</body>
</html>
untuk tampilanya harusnya kayak gini ni guySs..
0 komentar:
Posting Komentar
Jangan Pernah Kita Usul Jika Asal, Dan Jika Mau Usul Lebih Baik Jangan Pernah Asal...