Friday, August 3, 2012

Coding Form

1:49 AM fmpratomo No comments


// JavaScript Document

function get(id){
return document.getElementById(id);
}

function checkEmail(x)
{
var error = get("error");
if(x.indexOf("@")<0 || x.indexOf(".")<0)// indexOf("@") ada maka nilainya 0, bila tidak ada maka nilainya -1
{
error.innerHTML="Email harus berisikan @ dan .(dot)";
return true;
}
else if(x.indexOf("@") != x.lastIndexOf("@"))
{
error.innerHTML="Email hanya boleh terisi oleh satu @";
return true;
}
else if(x.indexOf("@") == 0 || x.indexOf("@") == x.length-1)
{
error.innerHTML="@ tidak boleh ada di depan dan di belakang";
return true;
}
else if(x.indexOf(".") == 0 || x.indexOf(".") == x.length-1)
{
error.innerHTML=".(dot) tidak boleh ada di depan dan di belakang";
return true;
}
else if(x.indexOf("@.") == 0 || x.indexOf(".@") == 0)
{
error.innerHTML="@ dan .(dot) tidak boleh bersebelahan";
return true;
}
else if(x.indexOf("@@") == 0 || x.indexOf("..") == 0)
{
error.innerHTML=".. dan @@ tidak boleh ada";
return true;
}
return false;


}

function numberCheck (x)
{
for(var i = 0; i<x.length; i++)
{
if(isNaN(x[i]))
{
return true;
}
}
return false;
}


function cek(){

var name = get("txtname");
var email = get("txtemail");
var telp = get("txttlp");
var password = get("txtpass");
var repassword = get("txtrepass");
var male = get("rdomale");
var female = get("rdofemale");
var error = get("error");
var alamat = get("txtalamat");
var alamatv = alamat.value.toLowerCase();
var city = get("cbocity");
var agree = get("agree");


if(name.value == "")
{
error.innerHTML="Nama anda belum di isi";
}
else if(name.value.length < 6)
{
error.innerHTML="nama minimal 6 karakter";
}
else if(email.value == "")
{
error.innerHTML="Email anda belum di isi";
}
else if(checkEmail(email.value))
{

}
else if(telp.value == "")
{
error.innerHTML="Telp anda belum di isi";
}
else if(numberCheck(telp.value))
{
error.innerHTML="Telp harus nomor";
}
else if(password.value == "")
{
error.innerHTML="password anda belum di isi";
}
else if(repassword.value == "")
{
error.innerHTML="Repassword anda belum di isi";
}
else if(password.value != repassword.value)
{
error.innerHTML="Password dan Repassword tidak sesuai";
}
else if(male.checked == false && female.checked == false)
{
error.innerHTML="Gender belum di pilih";
}
else if(alamat.value == "")
{
error.innerHTML="Alamat Ga boleh Kosong";
}
else if(alamat.value.indexOf("jalan")<0)
{
error.innerHTML="Alamat harus mengandung kata jalan";
}
else if(city.value == 0)
{
error.innerHTML="Anda harus pilih kota";
}
else if(agree.checked == false)
{
error.innerHTML="Anda harus memilih persetujuan";
}
else
{
error.innerHTML='<img src="image/Succes.png" /> Berhasil';
}

}

UNTUK HTML


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Form Register</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script src="script.js" type="text/javascript">

</script>
</head>

<body>
<table width="750" border="1">
  <tr>
    <td colspan="4" id="header">&nbsp;</td>

  </tr>

  <tr>
  <td class="hotnews" rowspan="2"><div align="left">
    <ul type="circle">
    <p style="font-size:20px">Hot news</p>
    <li>Seorang penjaga tidak patuh aturan</li>
    <li>Truk Isi Bandeng Terguling, Lalin Tol Cikampek Tersendat </li>
    <li>Si Kembar Otaki Aksi "Bullying" Don Bosco</li>
    <li>SMA Don Bosco Belum Tahu 7 Siswa Jadi Tersangka</li>
    <li>Disdik DKI: Selesaikan "Bullying" Don Bosco secara Internal </li>
    </ul>
    </div></td>
    <td class="menu" height="30"><a href="index.html">Home</a></td>
    <td class="menu"><a href="#">Product</a></td>
    <td class="menu"><a href="Form Register.html">Register</a></td>
  </tr>
  <tr>
    <td colspan="3"><div id="content" align="center">
    <h2>Form Registrasi</h2>
  <form><table width="350" border="0" >
  <tr>
    <td>Nama</td>
    <td><input type="text" id="txtname"/></td>
  </tr>
  <tr>
    <td>Email</td>
    <td><input type="text" id="txtemail" /></td>
  </tr>
  <tr>
    <td>No Telp</td>
    <td><input type="text" id="txttlp" /></td>
  </tr>
  <tr>
    <td>Password</td>
    <td><input type="password" id="txtpass" /></td>
  </tr>
  <tr>
    <td>Re-password</td>
    <td><input type="password" id="txtrepass" /></td>
  </tr>
  <tr>
    <td>Gender</td>
    <td><input type="radio" name="gender" id="rdomale" />Pria<br />
<input type="radio" name="gender" id="rdofemale" />Wanita</td>
  </tr>
  <tr>
    <td>Alamat</td>
    <td><textarea cols="35" rows="5" id="txtalamat"></textarea></td>
  </tr>
  <tr>
    <td>Kota</td>
    <td><select id="cbocity" >
    <option value="0" selected="selected">Pilih Kota</option>
    <option value="jkt">Jakarta</option>
        <option value="bdg">Bandung</option>
        <option value="sby">Surabaya</option>
    </select></td>
  </tr>
  <tr>
    <td colspan="2"><input type="checkbox" id="agree"/>Saya setuju dengan ketentuan</td>
  </tr>
  <tr>
    <td colspan="2"><input type="button" value="Register" onclick="cek()" /> <input type="reset" value="reset"/><br />

    </td>
  </tr>

</table>
    </form>
<div id="error"></div>

    </div>
    </td>

  </tr>

  <tr>
    <td colspan="4">&nbsp;</td>

  </tr>
</table>


</body>
</html>



0 comments:

Post a Comment

Twitter Delicious Facebook Digg Stumbleupon Favorites More
RSS FeedSubscribe to Our RSS feed!
Follow Us on Twitter!Follow Us on Twitter!

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Bluehost Review