Langkah langkah membuat validasi form pada php

Question

Baca Juga : Membuat Pernyataan Atau Statement Pada Javascript, JavaScript Syntax, Cara Install Microsoft SQL Server 2008 R2 (MSSQL 2008 R2) Cara Install Wonderware Intouch, Intouch Network Application Development (NAD), PHP Connection To MySQL Database

Table of Contents Show

Cara Membuat Validasi Form dengan HTML dan PHP
PERCOBAAN KE-2
Langkah 2.1
Langkah 2.2
Langkah 2.3
PERCOBAAN KE-3
Langkah 3.1
Langkah 3.2
Langkah 3.3
Apa itu form validasi?
Mengapa form validation diperlukan dalam pengembangan sebuah web enterprise?
Apa itu validasi di laravel?

Pernahkah kamu mendengar istilah Cross-Site Scripting? Cross-Site Scripting digunakan untuk menggambarkan kondisi situs yang rusak akibat user memasukkan script code atau tag HTML di form isian. Karena itu, peranan validasi nilai sangatlah penting. Validasi nilai dapat membatasi inputan user, apakah nilai yang harus diinputkan berupa angka, huruf, atau hanya dapat input di range tertentu saja.

Dalam pembahasan kali ini saya akan membahas mengenai bagaimana membuat validasi nilai. Berikut langkah-langkah yang dapat digunakan untuk membuat validasi form dengan HTML dan PHP :

Cara Membuat Validasi Form dengan HTML dan PHP

1. Buka XAMPP Control Panel dan aktifkan Apache dan MySql.

2. Buka text editor, seperti Notepad++, atau Dreamweaver dan ketiklah script code berikut.

<!DOCTYPE html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
   <title>Cara Membuat Validasi Data dengan HTML-PHP</title>
</head>
<body>
   <form action="validasi-proses.php" method="get">
   <fieldset>
        <legend>Cara Membuat Validasi Data dengan HTML-PHP</legend>
     <p>Nama: <input type="text" name="nama" /></p>
     
    <p> E-Mail: <input type="text" name="email" /></p>
	<p>
     <input type="submit" value="Proses Data" ></p>
	 </fieldset>
   </form>
   <p>Validasi data digunakan untuk menampilkan kesalahan input pada form. Aturannya adalah
    <ol>
        <li>Tidak Boleh langsung mengakses halaman validasi-proses.php.</li>
        <li>Form Nama harus diisi.</li>
        <li>Form nama harus berupa huruf, tidak boleh angka dan karakter.</li>
    </ol>
   </p>
</body>
</html>

Simpan script code di atas, simpan di folder xampplite – htdocs – buat folder baru (disini saya buat folder baru dengan nama “inwepo”) – saya simpan dengan nama file “validasi-proses.php”.

Kesimpulan: Jika ada form inputan data yang kosong, maka akan tetap ditampilkan seberapa banyak inputan data yang telah diisi.

PERCOBAAN KE-2

Percobaan ke-2 ini bertujuan untuk melakukan validasi dari form inputan, dimana akan memastikan apakah ada form inputan yang kosong atau tidak.

Percobaan ini akan memiliki dua file, yaitu

<?php
if(isset($_POST['simpan'])){
echo '<table>';
echo '<tr><td>'.'Nama Lengkap: '.'</td><td>'.$_POST['nama'].'</td></tr>';
echo '<tr><td>'.'Alamat: '.'</td><td>'.$_POST['alamat'].'</td></tr>';
echo '<tr><td>'.'Tanggal Lahir: '.'</td><td>'.$_POST['tgl_lhr'].'</td></tr>';
echo '<tr><td>'.'Jenis Kelamin: '.'</td><td>'.$_POST['jns_klmin'].'</td></tr>';
echo '<tr><td>'.'Pendidikan: '.'</td><td>'.$_POST['pendidikan'].'</td></tr>';
echo '</table>';
}
?>

5 dan

<?php
if(isset($_POST['simpan'])){
echo '<table>';
echo '<tr><td>'.'Nama Lengkap: '.'</td><td>'.$_POST['nama'].'</td></tr>';
echo '<tr><td>'.'Alamat: '.'</td><td>'.$_POST['alamat'].'</td></tr>';
echo '<tr><td>'.'Tanggal Lahir: '.'</td><td>'.$_POST['tgl_lhr'].'</td></tr>';
echo '<tr><td>'.'Jenis Kelamin: '.'</td><td>'.$_POST['jns_klmin'].'</td></tr>';
echo '<tr><td>'.'Pendidikan: '.'</td><td>'.$_POST['pendidikan'].'</td></tr>';
echo '</table>';
}
?>

6 yang disimpan dalam folder phpschool/validasi.

Langkah 2.1

Buatlah sebuah file yang bernama

<?php
if(isset($_POST['simpan'])){
echo '<table>';
echo '<tr><td>'.'Nama Lengkap: '.'</td><td>'.$_POST['nama'].'</td></tr>';
echo '<tr><td>'.'Alamat: '.'</td><td>'.$_POST['alamat'].'</td></tr>';
echo '<tr><td>'.'Tanggal Lahir: '.'</td><td>'.$_POST['tgl_lhr'].'</td></tr>';
echo '<tr><td>'.'Jenis Kelamin: '.'</td><td>'.$_POST['jns_klmin'].'</td></tr>';
echo '<tr><td>'.'Pendidikan: '.'</td><td>'.$_POST['pendidikan'].'</td></tr>';
echo '</table>';
}
?>

5 yang mengandung kode program php seperti berikut :

<!DOCTYPE html>
<head>
    <title>Kirim Data Form PHP</title>
</head>
<body>
<form action="prosesvalidasi.php" method="post">
	<table>
		<tr><td>Nama Lengkap </td><td><input type="text" name="nama"></td></tr>
		<tr><td>Alamat </td><td><textarea name="alamat" width="300"></textarea></td></tr>
		<tr><td>Tanggal Lahir</td><td><input type='date' name='tgl_lhr'/></td></tr>		
		<tr><td>Jenis Kelamin</td>
			<td>
				<input type="radio" name="jns_klmin" value="Pria" checked> Pria
				<input type="radio" name="jns_klmin" value="Wanita"> Wanita
			</td>
		</tr>
		<tr><td>Pendidikan</td>
			<td>
				<select name ="pendidikan">
		            <option value="SD">SD</option>
	                <option value="SMP">SMP</option>
	                <option value="SMA">SMA</option>
	                <option value="S1">S1</option>
	                <option value="S2">S2</option>
					<option value="S3">S3</option>
		        </select>
			</td>
		</tr>
		<tr><td><input type="submit" value="Simpan" name="simpan"></td></tr>
	</table>
</form>
</body>
</html>

Tidak ada perbedaan program langkah 2.1 dengan langkah 1.1, hanya berbeda pada saat pemanggilan file berikutnya. Jika langkah 2.1 akan memanggil file

<?php
if(isset($_POST['simpan'])){
echo '<table>';
echo '<tr><td>'.'Nama Lengkap: '.'</td><td>'.$_POST['nama'].'</td></tr>';
echo '<tr><td>'.'Alamat: '.'</td><td>'.$_POST['alamat'].'</td></tr>';
echo '<tr><td>'.'Tanggal Lahir: '.'</td><td>'.$_POST['tgl_lhr'].'</td></tr>';
echo '<tr><td>'.'Jenis Kelamin: '.'</td><td>'.$_POST['jns_klmin'].'</td></tr>';
echo '<tr><td>'.'Pendidikan: '.'</td><td>'.$_POST['pendidikan'].'</td></tr>';
echo '</table>';
}
?>

6, sedangkan pada langkah 1.1 akan memanggil file proses.php.

Langkah 2.2

Salin kode program php berikut dan simpan dengan nama file

<?php
if(isset($_POST['simpan'])){
echo '<table>';
echo '<tr><td>'.'Nama Lengkap: '.'</td><td>'.$_POST['nama'].'</td></tr>';
echo '<tr><td>'.'Alamat: '.'</td><td>'.$_POST['alamat'].'</td></tr>';
echo '<tr><td>'.'Tanggal Lahir: '.'</td><td>'.$_POST['tgl_lhr'].'</td></tr>';
echo '<tr><td>'.'Jenis Kelamin: '.'</td><td>'.$_POST['jns_klmin'].'</td></tr>';
echo '<tr><td>'.'Pendidikan: '.'</td><td>'.$_POST['pendidikan'].'</td></tr>';
echo '</table>';
}
?>

6

<?php
if(isset($_POST['simpan'])){
		
	if((empty($_POST['nama']))||(empty($_POST['alamat']))||
	   (empty($_POST['tgl_lhr']))||(empty($_POST['jns_klmin']))||
	   (empty($_POST['pendidikan']))){
			echo"Data tidak boleh kosong";
	}
	
	else
	{
		echo '<table>';
			echo '<tr><td>'.'Nama Lengkap: '.'</td><td>'.$_POST['nama'].'</td></tr>';
			echo '<tr><td>'.'Alamat: '.'</td><td>'.$_POST['alamat'].'</td></tr>';
			echo '<tr><td>'.'Tanggal Lahir: '.'</td><td>'.$_POST['tgl_lhr'].'</td></tr>';
			echo '<tr><td>'.'Jenis Kelamin: '.'</td><td>'.$_POST['jns_klmin'].'</td></tr>';
			echo '<tr><td>'.'Pendidikan: '.'</td><td>'.$_POST['pendidikan'].'</td></tr>';
		echo '</table>';
	}
}
?>

Langkah 2.3

Jalankan file

<?php
if(isset($_POST['simpan'])){
echo '<table>';
echo '<tr><td>'.'Nama Lengkap: '.'</td><td>'.$_POST['nama'].'</td></tr>';
echo '<tr><td>'.'Alamat: '.'</td><td>'.$_POST['alamat'].'</td></tr>';
echo '<tr><td>'.'Tanggal Lahir: '.'</td><td>'.$_POST['tgl_lhr'].'</td></tr>';
echo '<tr><td>'.'Jenis Kelamin: '.'</td><td>'.$_POST['jns_klmin'].'</td></tr>';
echo '<tr><td>'.'Pendidikan: '.'</td><td>'.$_POST['pendidikan'].'</td></tr>';
echo '</table>';
}
?>

5 pada browser, kemudian coba kosongkan pada salah satu form inputan, misal kita tidak mengisi form inputan "Nama Lengkap" seperti gambar di bawah ini :

Seperti yang terlihat , data untuk "Nama Lengkap" sengaja kita kosongkan. Lalu amati apa yang terjadi setelah kita menekan tombol "Simpan" ?. Tentunya akan dilakukan proses validasi disisi server, apakah ada inputan yang kosong atau tidak. Maka apabila ada inputan kosong akan muncul tampilan seperti output berikut :

Kesimpulan:Setelah user menginput data, maka data akan dikirim ke program disisi server. Kemudian akan diperiksa apakah ada form inputan yang kosong atau tidak. Jika ada, maka akan keluar informasi bahwa data tidak boleh kosong. Inilah yang dinamakan validasi disisi server

PERCOBAAN KE-3

Percobaan ke-3 ini bertujuan untuk melakukan validasi form inputan disisi client, yaitu dicek ketika kita menginputkan data dan sebelum data dikirim ke program disisi server .Dengan demikian dilakukan validasi di web browser.

Percobaan ini akan memiliki dua file, yaitu

<!DOCTYPE html>
<head>
    <title>Kirim Data Form PHP</title>
</head>
<body>
<form action="prosesvalidasi.php" method="post">
	<table>
		<tr><td>Nama Lengkap </td><td><input type="text" name="nama"></td></tr>
		<tr><td>Alamat </td><td><textarea name="alamat" width="300"></textarea></td></tr>
		<tr><td>Tanggal Lahir</td><td><input type='date' name='tgl_lhr'/></td></tr>		
		<tr><td>Jenis Kelamin</td>
			<td>
				<input type="radio" name="jns_klmin" value="Pria" checked> Pria
				<input type="radio" name="jns_klmin" value="Wanita"> Wanita
			</td>
		</tr>
		<tr><td>Pendidikan</td>
			<td>
				<select name ="pendidikan">
		            <option value="SD">SD</option>
	                <option value="SMP">SMP</option>
	                <option value="SMA">SMA</option>
	                <option value="S1">S1</option>
	                <option value="S2">S2</option>
					<option value="S3">S3</option>
		        </select>
			</td>
		</tr>
		<tr><td><input type="submit" value="Simpan" name="simpan"></td></tr>
	</table>
</form>
</body>
</html>

3 dan proses.php yang disimpan dalam folder phpschool/validasi.

Langkah 3.1

Buatlah sebuah file yang bernama

<!DOCTYPE html>
<head>
    <title>Kirim Data Form PHP</title>
</head>
<body>
<form action="prosesvalidasi.php" method="post">
	<table>
		<tr><td>Nama Lengkap </td><td><input type="text" name="nama"></td></tr>
		<tr><td>Alamat </td><td><textarea name="alamat" width="300"></textarea></td></tr>
		<tr><td>Tanggal Lahir</td><td><input type='date' name='tgl_lhr'/></td></tr>		
		<tr><td>Jenis Kelamin</td>
			<td>
				<input type="radio" name="jns_klmin" value="Pria" checked> Pria
				<input type="radio" name="jns_klmin" value="Wanita"> Wanita
			</td>
		</tr>
		<tr><td>Pendidikan</td>
			<td>
				<select name ="pendidikan">
		            <option value="SD">SD</option>
	                <option value="SMP">SMP</option>
	                <option value="SMA">SMA</option>
	                <option value="S1">S1</option>
	                <option value="S2">S2</option>
					<option value="S3">S3</option>
		        </select>
			</td>
		</tr>
		<tr><td><input type="submit" value="Simpan" name="simpan"></td></tr>
	</table>
</form>
</body>
</html>

3 yang berisi kode program php sebagai berikut :

<!DOCTYPE html>
<head>
    <title>Kirim Data Form PHP</title>
</head>
<body>
<form action="proses.php" method="post">
	<table>
		<tr><td>Nama Lengkap </td><td><input type="text" name="nama" required></td></tr>
		<tr><td>Alamat </td><td><textarea name="alamat" width="300" required></textarea></td></tr>
		<tr><td>Tanggal Lahir</td><td><input type='date' name="tgl_lhr" required></td></tr>		
		<tr><td>Jenis Kelamin</td>
			<td>
				<input type="radio" name="jns_klmin" value="Pria" checked> Pria
				<input type="radio" name="jns_klmin" value="Wanita"> Wanita
			</td>
		</tr>
		<tr><td>Pendidikan</td>
			<td>
				<select name ="pendidikan">
		            <option value="SD">SD</option>
	                <option value="SMP">SMP</option>
	                <option value="SMA">SMA</option>
	                <option value="S1">S1</option>
	                <option value="S2">S2</option>
					<option value="S3">S3</option>
		        </select>
			</td>
		</tr>
		<tr><td><input type="submit" value="Simpan" name="simpan"></td></tr>
	</table>
</form>
</body>
</html>

Dalam file

<!DOCTYPE html>
<head>
    <title>Kirim Data Form PHP</title>
</head>
<body>
<form action="prosesvalidasi.php" method="post">
	<table>
		<tr><td>Nama Lengkap </td><td><input type="text" name="nama"></td></tr>
		<tr><td>Alamat </td><td><textarea name="alamat" width="300"></textarea></td></tr>
		<tr><td>Tanggal Lahir</td><td><input type='date' name='tgl_lhr'/></td></tr>		
		<tr><td>Jenis Kelamin</td>
			<td>
				<input type="radio" name="jns_klmin" value="Pria" checked> Pria
				<input type="radio" name="jns_klmin" value="Wanita"> Wanita
			</td>
		</tr>
		<tr><td>Pendidikan</td>
			<td>
				<select name ="pendidikan">
		            <option value="SD">SD</option>
	                <option value="SMP">SMP</option>
	                <option value="SMA">SMA</option>
	                <option value="S1">S1</option>
	                <option value="S2">S2</option>
					<option value="S3">S3</option>
		        </select>
			</td>
		</tr>
		<tr><td><input type="submit" value="Simpan" name="simpan"></td></tr>
	</table>
</form>
</body>
</html>

3, kita menambahkan keyword

<!DOCTYPE html>
<head>
    <title>Kirim Data Form PHP</title>
</head>
<body>
<form action="prosesvalidasi.php" method="post">
	<table>
		<tr><td>Nama Lengkap </td><td><input type="text" name="nama"></td></tr>
		<tr><td>Alamat </td><td><textarea name="alamat" width="300"></textarea></td></tr>
		<tr><td>Tanggal Lahir</td><td><input type='date' name='tgl_lhr'/></td></tr>		
		<tr><td>Jenis Kelamin</td>
			<td>
				<input type="radio" name="jns_klmin" value="Pria" checked> Pria
				<input type="radio" name="jns_klmin" value="Wanita"> Wanita
			</td>
		</tr>
		<tr><td>Pendidikan</td>
			<td>
				<select name ="pendidikan">
		            <option value="SD">SD</option>
	                <option value="SMP">SMP</option>
	                <option value="SMA">SMA</option>
	                <option value="S1">S1</option>
	                <option value="S2">S2</option>
					<option value="S3">S3</option>
		        </select>
			</td>
		</tr>
		<tr><td><input type="submit" value="Simpan" name="simpan"></td></tr>
	</table>
</form>
</body>
</html>

8 untuk setiap form inputannya.

Langkah 3.2

Buat file dengan nama proses.php yang berisikan kode program seperti berikut. Programnya sama seperti pada langkah 1.2:

<?php
if(isset($_POST['simpan'])){
echo '<table>';
echo '<tr><td>'.'Nama Lengkap: '.'</td><td>'.$_POST['nama'].'</td></tr>';
echo '<tr><td>'.'Alamat: '.'</td><td>'.$_POST['alamat'].'</td></tr>';
echo '<tr><td>'.'Tanggal Lahir: '.'</td><td>'.$_POST['tgl_lhr'].'</td></tr>';
echo '<tr><td>'.'Jenis Kelamin: '.'</td><td>'.$_POST['jns_klmin'].'</td></tr>';
echo '<tr><td>'.'Pendidikan: '.'</td><td>'.$_POST['pendidikan'].'</td></tr>';
echo '</table>';
}
?>

Langkah 3.3

Jalankan file

<!DOCTYPE html>
<head>
    <title>Kirim Data Form PHP</title>
</head>
<body>
<form action="prosesvalidasi.php" method="post">
	<table>
		<tr><td>Nama Lengkap </td><td><input type="text" name="nama"></td></tr>
		<tr><td>Alamat </td><td><textarea name="alamat" width="300"></textarea></td></tr>
		<tr><td>Tanggal Lahir</td><td><input type='date' name='tgl_lhr'/></td></tr>		
		<tr><td>Jenis Kelamin</td>
			<td>
				<input type="radio" name="jns_klmin" value="Pria" checked> Pria
				<input type="radio" name="jns_klmin" value="Wanita"> Wanita
			</td>
		</tr>
		<tr><td>Pendidikan</td>
			<td>
				<select name ="pendidikan">
		            <option value="SD">SD</option>
	                <option value="SMP">SMP</option>
	                <option value="SMA">SMA</option>
	                <option value="S1">S1</option>
	                <option value="S2">S2</option>
					<option value="S3">S3</option>
		        </select>
			</td>
		</tr>
		<tr><td><input type="submit" value="Simpan" name="simpan"></td></tr>
	</table>
</form>
</body>
</html>

3, lalu coba kosongkan pada bagian inputan "Tanggal Lahir". Ketika kita klik tombol "Simpan" maka akan dilakukan validasi terlebih dahulu sebelum data dikirim, seperti yang ditunjukkan oleh gambar dibawah ini :

Kesimpulan:Untuk mengecek atau melakukan validasi form inputan, data tidak perlu dikirim ke sisi server. Program disisi web browser akan melakukan pengecekan apakah terdapat data yang kosong atau tidak.

Apa itu form validasi?

Apa itu Form Validation? Form validation adalah proses validasi data input yang diinputkan dari form. Proses validasi ini biasanya dilakukan di Controller dan menggunalan library form_validation .

Mengapa form validation diperlukan dalam pengembangan sebuah web enterprise?

Validasi data form diperlukan untuk memastikan nilai input pengguna sudah sesuai dengan data yang diinginkan. Mungkin kita sudah banyak melihat contoh-contoh validasi form di beberapa website.