counters

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>
Diposting oleh di Tidak ada komentar:

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>
<form action="cek.php" method="POST">
<h3>Form Login</h3>
username <br>
<input type="text" name="username" placeholder="masukkan username" required/><br>
password <br>
<input type="password" name="password" placeholder="masuukkan password anda" required/><br>
<input type="submit" values="Login">
</form>
</body>
</html>

ok semuanya sudah jadi dan bisa di cek di localhost browser anda
Terima kasi semoga bermanfaat bagi temen2

wassalamualykum wr wb
Diposting oleh di Tidak ada komentar:

Rabu, 21 September 2016

Tugas PWD2

inputan dengan variabel nama keluarga

sourcode html

<html>
<head>
<title> Form </title>
</head>
<body> <h1>
 INPUT KELUARGAKU</h1>
 <pre>
 <form action ="pwd21.php" method="post">
  Nama    : <input type="text" name ="GUPRAN"></br>
  Sebagai  : <input type="text" name ="HAPIZAH"></br>
  <input type ="submit" value="kirim" name="kirim">
  </form>
</pre>
</body>
</html>

sourcode php

<html>
<head>
<title> KELUARGA </title>
</head>
<body>
 <?php
 extract($_POST);
 echo " <h3>KELUARGA</h3>
</br>";

 echo 'Nama Anda : '.$GUPRAN.' </br>';
 echo "Sebagai : ".$HAPIZAH." </br>";
 ?>
 <form action ="bukutamu.html">
  <input type ="submit" value ="kembali" name ="Kembali">
 </form>
</body>
</html>
Diposting oleh di Tidak ada komentar:

Tugas PWD1

Membuat Biodata Teman

sourcode HTML

<html>
 <head>
  <title>Biodata</title>
 </head>
 <body>
  <table border=0>
  <form action="biodata.php" method="post">
  <tr>
   <td>NIM</td>
   <td>:</td>
   <td><input type=text name=Nim></td>
  </tr>
  <tr>
   <td>Nama</td>
   <td>:</td>
   <td><input type=text name=Nama></td>
  </tr>
   <td>Fakultas</td>
   <td>:</td>
   <td><input type=text name=Fakultas></td>
  </tr>
  <tr>
  <td>Jurusan</td>
  <td>:</td>
   <td>
    <input type=radio name="jurusan" value="TI">T. Informatika
    <input type=radio name="jurusan" value="Elektro">T. Elektro
    <input type=radio name="jurusan" value="Sipil">T. Sipil
   </td>
  </tr>
  <tr>
   <td>Tempat dan Tanggal Lahir</td>
   <td>:</td>
   <td><input type=text name=Tempat size=15>
   <select name=Tgl>
   <option name=Tgl>Tgl
   <option name=Tgl>1
   <option name=Tgl>2
   <option name=Tgl>3
   <option name=Tgl>4
   <option name=Tgl>5
   <option name=Tgl>6
   <option name=Tgl>7
   <option name=Tgl>8
   <option name=Tgl>9
   <option name=Tgl>10
   <option name=Tgl>11
   <option name=Tgl>12
   <option name=Tgl>13
   <option name=Tgl>14
   <option name=Tgl>15
   <option name=Tgl>16
   <option name=Tgl>17
   <option name=Tgl>18
   <option name=Tgl>19
   <option name=Tgl>20
   <option name=Tgl>21
   <option name=Tgl>22
   <option name=Tgl>23
   <option name=Tgl>24
   <option name=Tgl>26
   <option name=Tgl>27
   <option name=Tgl>28
   <option name=Tgl>29
   <option name=Tgl>30
   <option name=Tgl>31
   </select>
   <select name=Bln>
   <option name=Bln>Bln
   <option name=Bln>Januari
   <option name=Bln>Februari
   <option name=Bln>Maret
   <option name=Bln>April
   <option name=Bln>Mei
   <option name=Bln>Juni
   <option name=Bln>Juli
   <option name=Bln>Agustus
   <option name=Bln>September
   <option name=Bln>Oktober
   <option name=Bln>November
   <option name=Bln>Desember
   </select>
   <select name=Thn>
   <option name=Thn>Thn
   <option name=Thn>2012
   <option name=Thn>2011
   <option name=Thn>2010
   <option name=Thn>2009
   <option name=Thn>2008
   <option name=Thn>1997
   <option name=Thn>1996
   <option name=Thn>1995
   <option name=Thn>1994
   <option name=Thn>1993
   <option name=Thn>1992
   </select>
   </td>
  </tr>
  <tr>
   <td>Jenis Kelamin</td>
   <td>:</td>
   <td><input type=radio name=JK value=Laki-laki>Laki-laki<input type=radio name=JK value=Perempuan>Perempuan</td>
  </tr>
  <tr>
   <td>Alamat</td>
   <td>:</td>
   <td><textarea name=alamat rows="5" cols="30"></textarea></td>
  </tr>
  <tr>
   <td> </td>
   <td> </td>
   <td><input type="reset" name=kembali value=Batal>
   <input type="submit" name=tambah value=Tambah></td>
  </tr>
  </form>
  </table>
 </body>
</html>

Sourcode PHP

<?php

$nim=$_POST['Nim'];
$Nama=$_POST['Nama'];
$Tahun=$_POST['Tahun'];
$Bulan=$_POST['Bulan'];
$jurusan=$_POST['jurusan'];
$Tempat=$_POST['Tempat'];
$Tgl=$_POST['Tgl'];
$Bln=$_POST['Bln'];
$Thn=$_POST['Thn'];
$JK=$_POST['JK'];
$alamat=$_POST['alamat'];


echo "<H3>BIODATA TEMAN</H3>";
echo "NIM      : $nim<br>";
echo "Nama     : $Nama<br>";
echo "Lama Study    : $Tahun Tahun $Bulan Bulan<br>";
echo "Jurusan  : $jurusan<br>";
echo "Tempat dan Tanggal Lahir : $Tempat, $Tgl/$Bln/$Thn<br>";
echo "Jenis Kelamin : $JK<br>";
echo "Alamat : $alamat<br>";

?>
Diposting oleh di Tidak ada komentar:
Langganan: Postingan (Atom)