Menambahkan Simple Javascript pada Form
<html><head><title>Form Javascript</title></head>
<script type="text/javascript">
function cek()
{
var x=document.forms["form"]["nama"].value;
if (x==null || x=="" || x=="Isilah dengan nama anda")
{
alert("Nama harus diisi dengan benar");
return false;
}
var x=document.forms["form"]["email"].value;
var atpos=x.indexOf("@");
var dotpos=x.lastIndexOf(".");
if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length || x=="Isilah dengan E-mail anda")
{
alert("E-mail harus diisi dengan benar");
return false;
}
var x=document.forms["form"]["telpn"].value;
if (x==null || x=="" || x=="Isilah dengan telepon anda")
{
alert("Telepone harus diisi dengan benar");
return false;
}
var x=document.forms["form"]["address"].value;
if (x==null || x=="" || x=="Isilah dengan alamat anda")
{
alert("Alamat harus diisi dengan benar");
return false;
}
var x=document.forms["form"]["message"].value;
if (x==null || x=="" || x=="Harus diisi dengan benar")
{
alert("Tolong tinggalkan pesan");
return false;
}
}
</script>
<script type="text/javascript">
function searchfield_focus(obj)
{
obj.style.color=""
obj.style.fontStyle=""
if (obj.value=="Isilah dengan nama anda" || obj.value=="Isilah dengan email anda" || obj.value=="Isilah dengan telepon anda" || obj.value=="Isilah dengan alamat anda")
{
obj.value=""
}
}
</script>
<body>
<form id="form" name="form" method="post" action="form.php" onsubmit="return cek();">
<table><tr><td><font color="#FFFFFF" class="font" size="3">Nama </font></td><td>
<input type="text" class="form" name="nama" id="nama" onfocus="searchfield_focus(this)" value="Isilah dengan nama anda" style="color: rgb(128, 128, 128); font-style: italic;" ></td></tr>
<tr><td><font color="#FFFFFF" class="font" size="3">E-mail</font></td><td>
<input type="text" class="form" name="email" id="email" onfocus="searchfield_focus(this)" value="Isilah dengan email anda" style="color: rgb(128, 128, 128); font-style: italic;"></td></tr>
<tr><td><font color="#FFFFFF" class="font" size="3">Telephone</font></td><td>
<input type="text" class="form" id="telpn" name="telpn" onfocus="searchfield_focus(this)" value="Isilah dengan telepon anda" style="color: rgb(128, 128, 128); font-style: italic;">
</td></tr>
<tr><td><font color="#FFFFFF" class="font" size="3">Alamat</font></td><td>
<input type="text" class="form" name="address" id="address" onfocus="searchfield_focus(this)" value="Isilah dengan alamat anda" style="color: rgb(128, 128, 128); font-style: italic;"></td></tr>
<tr><td><font color="#FFFFFF" class="font" size="3">Pesan</font></td><td>
<textarea class="area" name="message" id="message"></textarea></td></tr>
<tr><td>
</td><td align="left"> <input type="submit" value="Check" />
</td></tr>
</table>
</form>
</body>
</html>
Tidak ada komentar:
Posting Komentar
Leave a message