pik: Desember 2016

Kamis, 22 Desember 2016

Tugas PWD validation Javascript

alhamdulillah segala puji bagi allah yg telah memberikan begitu banyak kenikmtatan terutama nikmat sehat sehingga saya bisa menngpost Tugas yg di kasi dosen yaitu tentang Validation Javascript

Langsung saja seperti biasa untuk file pertama kita akan membuat tampilan index.php

coding :
<html>
<script type="text/javascript">
function klik(){
var input = document.getElementById('input').value;
if(input.length <5 ){
document.getElementById('tp').innerHTML ='kekurangan';

}else if(input.length >20){
document.getElementById('tp').innerHTML ='kelebihan';

}
}
</script>
<body>
<p id="tag-p">Inputan</p><br/>
<input type="text" id="input" onkeyup="klik()"><br/>
<p id="tp"></p><br/>
<input type="button" value="submit" onclick="klik()">
</body>

</html>

untuk file keduanya adalah Validation.php

coding :
<html>
<head><title>belajar membuat validasi javascirpt</title></head>
<script type="text/javascript">
function klik(){
var user= document.getElementById('username').value;
var pass= document.getElementById('password').value;
var email= document.getElementById('email').value;
var regex= /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
var tgl= document.getElementById('tgl').value;
var pria= document.getElementById('pria'.value);
var wanita= document.getElementById('wanita'.value);
if(user.length<5){
alert("panjang username minimal 5!");
user.focus();
return (false);
}else if(user.length>20){
alert("panjang username maximal 20!");
user.focus();
return(false);
}
if(pass.length<5){
alert("panjang password minimal 5");
pass.focus();
return(false);
}if(pass.length>20){
alert("panjang password maximal 20");
pass.focus();
return(false);
}
if(email==""||regex.test(email)==false){
alert("email tidak valid");
}else{
alert("email valid");
}
if(tgl==null||tgl==''){
alert("tgl lahir harus diisi");
return false;
}
if(pria==null || wanita==null){
alert("jenis kelamin harus diisi");
return false;
}

}

</script>
<body>
<h1>Form Validasi</h1>
username: <br>
<input type="text" name="nama" id="username"><br>
password : <br>
<input type="password" name="password" id="password"><br>
email : <br>
<input type="text" name="email" id="email"><br>
tanggal lahir :<br>
<input type="date" name="tgl" id="tgl"><br>

jenis Kelamin :<br>
<input type="radio" name="kelamin" id="pria">pria
<input type="radio" name="kelamin" id="wanita">wanita<br>

<input type="submit" values="simpan" onclick="klik()">
</body>
</html>

Tugas PWD Session Login

alhamdulillah segala puji bagi allah yg telah memberikan begitu banyak kenikmtatan terutama nikmat sehat sehingga saya bisa menngpost Tugas yg di kasi dosen yaitu tentang Session

OK kita lansung saja ke file yg pertama yaitu : cek.php yg berguna untuk mengecek user yg akan melakukan login :

coding :
<?php
session_start();
include "koneksi.php";

$username = $_POST['username'];
$password = $_POST['password'];

$query="select *from admin where username='$username' and password='$password'";
$cek=mysql_query($query);
$row=mysql_fetch_array($cek);
if($row['username']== $username AND $row['password']==$password){
session_start();
$_SESSION['username']=$username;
header("location:login.php");
}
?>

ok kita sudah buat pengecekannnya dan selanjutnya kita akan membuat koneksi ke database :

Koneksi.php berguna untuk menyambungkan ke data base

coding :

<?php

session_start();

mysql_connect("localhost","","");

mysql_select_db("admin");

Dan Langkah terakhir adalah kita akan membuat tampilan halaman utamanaya nya sebut saja kita akan membuat file nya dengan nama index.php ;

<html>

<body>

<h3>Form Login</h3>

username <br>

password <br>

</form>

</body>

</html>

ok semuanya sudah jadi dan bisa di cek di localhost browser anda

Terima kasi semoga bermanfaat bagi temen2

wassalamualykum wr wb