Membuat Form

Untuk elemen-elemen form seperti input, radio button, checkbox dan lainnya maka hanya elemen form HTML biasa.

 

Pembuatan Kode

Bukalah file a2fahmi-absensi-siswa.php lalu tambahkan fungsi dibawah ini:

 function form_kelas(){

echo "<center><h1>Form Input Kelas</h1></center>";

echo '<form action="' . $_SERVER['REQUEST_URI'] . '" method="post">

    <div>

    <label for="namaKelas">Nama Kelas </label>

    <input type="text" name="namakelas" value="' . ( isset( $_POST['namaKelas'] ) ? $namaKelas : null ) . '">

    </div>

     <br />

<input type="submit" name="submit" value="Simpan"/>

    </form>';

}

Keterangan:

$_SERVER['REQUEST_URI'], kode ini berarti kita mengakses URI  (data yang terdapat dalam URL) yang diberikan, misalnya: index.html

 

Validasi Form

function validasi_kelas( $namaKelas ){

global $reg_errors;

$reg_errors = new WP_Error;

 

if ( empty( $namaKelas )) {

$reg_errors->add('namaKelas', 'Nama kelas harus diisi');

echo '<div>';

echo '<strong>Error</strong>:';

echo $reg_errors->get_error_message() . '<br/>';

echo '</div>';

       }

}

 

function ambilData(){

if ( isset($_POST['submit'] ) ) {

$namaKelas=$_POST['namaKelas'];

validasi_kelas($namaKelas);

}

 

form_kelas();

}

Keterangan:

$reg_errors->get_error_message(), kode ini digunakan untuk menampilkan satu error dari objek WP_Error

 

Perubahan Fungsi tambah_kelas

Rubahlah fungsi tambah_kelas menjadi seperti berikut ini:

function tambah_kelas(){

ambilData();

}

 

Hasil:

Refreshlah browsermu dan pilihlah menu Tambah Kelas maka akan tampil form seperti berikut ini:

 

Lalu kosongakan nama kelasnya lalu tekan tombol simpan maka akan tampil pesan error "Error : Nama kelas harus diisi"

 

Penutup

Sekian dan terima kasih

2016 © Fahmi Basya Kartapura