Pertemuan 4/02/16

<html>
<head>
<title>
REGISTRATION
</title>
<script>
function a(user)
{
    var flag = 0;
    for( var i = 0; i < user.length; i++)
{
    if((user.charAt(i)<'a' || user.charAt(i)> 'z')
    &&(user.charAt(i)<'A' || user.charAt(i)> 'Z'))
{
    flag++;
}
}
if (flag == 0)
return true ;
else
return false ;
}
function validation()
{
var pesan = document.getElementById("pesan");
var user = document.getElementById("username").value;
var password = document.getElementById("password").value;
var cpass = document.getElementById("cpass").value;
var email = document.getElementById("email").value;
var day = document.getElementById("day").value;
var month = document.getElementById("month").value;
var year = document.getElementById("year").value;
var addr = document.getElementById("address").value;
if (user == "")
{
pesan.innerHTML = "Isilah username anda!";
}
else if (a(user) == false)
{
pesan.innerHTML = "Username harus terdiri dari huruf bukan nomor atau simbol!";
}
//panjang password
else if (password.length <= 10)
{
pesan.innerHTML = "Password harus lebih dari 10 digit!";
}
//Email
else if(email.indexOf("@") == -1 || email.indexOf(".") == -1)
{
pesan.innerHTML = "Email belum terisi dengan lengkap!";
}
else if(email.indexOf("@") == 0 || email.indexOf("@") == email.length -1)
{
pesan.innerHTML = "Sebelum dan sesudah '@' harus ada kata!";
}
else if(email.indexOf(".") == 0 || email.indexOf(".") == email.length -1)
{
pesan.innerHTML = "Sebelum dan sesudah '.' harus ada kata!";
}
else if(email.indexOf(".") - email.indexOf("@") == 1)
{
pesan.innerHTML = "Ada kesalahan pada email anda!";
}
else if(email.indexOf(".") < email.indexOf("@"))
{
pesan.innerHTML = "Titik harus setelah '@'!";
}
else if (email.length >= 20)
{
pesan.innerHTML = "Email harus kurang dari 20 digit!";
}
//end of email
else if (day == 0)
{
pesan.innerHTML = "Isilah kolom day";
}
else if (month == 0)
{
pesan.innerHTML = "Isilah kolom month";
}
else if (year == 0)
{
pesan.innerHTML = "Isilah kolom year";
}
//start confirm password
else if (password != cpass)
{
pesan.innerHTML = "PASSWORD HARUS SAMA!";
}
else if (addr.indexOf("Street") !=0)
{
pesan.innerHTML = "Address harus diisi, dan diawali kata 'street'";
}
else
{
pesan.innerHTML = "Sukses";
}
}
</script>
</head>
<body>
<table border="1">
<tr>
<td>
<label for="username">Username</label>
</td>
<td>:</td>
<td><input type="text" name="username" id="username"></input></td>
</tr>
<tr>
<td>
<label for="username">Email</label>
</td>
<td>:</td>
<td><input type="text" name="E-Mail" id="email" maxlength="20"></input></td>
</tr>
<tr>
<td>Birth Date</td>
<td>:</td>
<td>
<select name="day" id="day">
<option value="0">Day</option>
<script>
for(var i= 1; i <= 31; i++)
document.writeln("<option value\="+i+"\">"+i+"</option>")
</script></select>
<select name="month" id="month">
<option value="0">Month</option>
<script>
for(var i= 1; i <= 12; i++)
document.writeln("<option value\="+i+"\">"+i+"</option>")
</script></select>
<select name="year" id="year">
<option value="0">Year</option>
<script>
for(var i= (new Date()).getFullYear() - 100 ; i <= (new Date()).getFullYear() ; i++)
document.writeln("<option value\="+i+"\">"+i+"</option>")
</script></select>
</td>
</tr>
<tr>
<td>
<label for="address">Address</label>
</td>
<td>:</td>
<td><textarea  name="Address" id="address" style="resize:none;"></textarea></td>
</tr>
<tr>
<td>
<label for="password">Password</label>
</td>
<td>:</td>
<td><input type="password" name="password" id="password"></input></td>
</tr>
<tr>
<td>
<label for="cpass">Confirm Password</label>
</td>
<td>:</td>
<td><input type="password" name="Confirm Password" id="cpass"></input></td>
</tr>
<tr>
<td>
<div id="pesan" style="color:blue;"></div>
</td>
</tr>
<tr>
<td>
<input type="button" value="Register" onclick="validation()"/>
</td>
</tr>
</table>
</body>
</html>