Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tubes5 #73

Open
wants to merge 23 commits into
base: master
Choose a base branch
from
Open
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
baru halaman utama, headerny segera menyusul
  • Loading branch information
arietando committed Feb 20, 2013
commit 733dac3a2d311a8bf05e7fddc39e626affd2012a
120 changes: 120 additions & 0 deletions src/fungsi.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,120 @@
var username = document.getElementById("username");
var password = document.getElementById("password");
var copassword = document.getElementById("copassword");
var namalengkap = document.getElementById("namalengkap");
var email = document.getElementById("email");
var valid1 = document.getElementById("valid1");
var valid2 = document.getElementById("valid2");
var valid3 = document.getElementById("valid3");
var valid4 = document.getElementById("valid4");
var valid5 = document.getElementById("valid5");
var valid6 = document.getElementById("valid6");
var inputfile = document.getElementById("inputfile");
var submit = document.getElementById("submit");

username.onkeyup = function()
{
if (username.checkValidity()){
valid1.src = "img/benar.png";
}
else
{
valid1.src = "img/salah.png";
}

if (username.value == password.value)
{
valid1.src = "img/salah.png";
}

cekvalid();
}

password.onkeyup = function()
{
if (password.checkValidity()){
valid2.src = "img/benar.png";
}
else
{
valid2.src = "img/salah.png";
}

if (username.value == password.value)
{
valid2.src = "img/salah.png";
}
else if (password.value == email.value)
{
valid2.src = "img/salah.png";
}

cekvalid();
}

copassword.onkeyup = function()
{
if (copassword.checkValidity() && (password.value == copassword.value)){
valid3.src = "img/benar.png";
}
else
{
valid3.src = "img/salah.png";
}

cekvalid();
}

namalengkap.onkeyup = function()
{
if (namalengkap.checkValidity()){
valid4.src = "img/benar.png";
}
else
{
valid4.src = "img/salah.png";
}

cekvalid();
}

email.onkeyup = function()
{
if (email.checkValidity()){
valid5.src = "img/benar.png";
}
else
{
valid5.src = "img/salah.png";
}

if (password.value == email.value)
{
valid5.src = "img/salah.png";
}

cekvalid();
}

function cekvalid(){
if (username.checkValidity() && (username.value != password.value) && (password.checkValidity()) && (password.value != email.value)
&& (password.value == copassword.value) && (namalengkap.checkValidity()) && (email.checkValidity()) && (inputfile.value.match("^.+\.(jpe?g|JPE?G)$")))
{
submit.disabled="";
}
else
{
submit.disabled="disabled";
}
}

function check_image_jpg()
{
var extensi = inputfile.value.match("^.+\.(jpe?g|JPE?G)$");
if(extensi)
valid6.src = "img/benar.png";
else
valid6.src = "img/salah.png";

cekvalid();
}
Binary file added src/img/benar.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/img/salah.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
97 changes: 97 additions & 0 deletions src/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,97 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>TUBES PROGIN</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div id="header">
<div id="topbar">
<div id="topbar_logo">
<img id="logo" src="img/logo.png">
</div>
<div id="topbar_logo2">
<img id="logo2" src="img/namalogo.png">
</div>
<div id="topbar_search">
<input type="search" results="5" placeholder="search"/>
</div>
</div>
</div>
<section>
<div id="content" class="wrap">
<div id="tagline">
<div id="texttag">
<b>Welcome to to-do shared</b>
</div>
</div>
<div id="login">
<form class="form">
<p>
<label for="login">Username</label>
<input type="text" name="login" placeholder="Username">
</p>
<p>
<label for="password">Password</label>
<input type="password" name="password" placeholder="Password">
</p>
<p>
<input type="checkbox" name="remember">
<label for="remember">Remember me</label>
</p>
<p>
<input type="submit" name="submit" value="Sign in" >
</p>
</form>
</div>
<div id="register">
<form class="daftar">
<p>
<label for="daftar">Create an account</label>
</p>
<div>
<input id="username" type="text" name="username" placeholder="Username" pattern="^.{5,}$" required>
<img id="valid1" src="">
</div>
<div>
<input id="password" type="password" name="password" placeholder="Password" pattern="^.{8,}$" required>
<img id="valid2" src="">
</div>
<div>
<input id="copassword" type="password" name="copassword" placeholder="Confirm Password" pattern="^.{8,}$" required>
<img id="valid3" src="">
</div>
<div>
<input id="namalengkap" type="text" name="namalengkap" placeholder="Nama Lengkap" pattern="^.+ .+$" required>
<img id="valid4" src="">
</div>
<p>
<label for="tanggal">Tanggal Lahir</label>
</p>
<div>
<input id="email" type="text" name="email" placeholder="Email" pattern="^.+@.+\...+$" required>
<img id="valid5" src="">
</div>
<p>
<label for="avatar">Foto Profil</label>
</p>
<p>
<input type="file" name="upload" id="inputfile" onchange="check_image_jpg();">
<img id="valid6" src="">
</p>
<p>
<input id="submit" type="submit" name="submit" value="Daftar" disabled="disabled">
</p>
</form>
</div>
</div>
</section>
<footer id="footer_wrap">
<hr>about us
</footer>

<script type="text/javascript" src="fungsi.js">
</script>
</body>
</html>
Loading