File yang sudah jadi : https://drive.google.com/drive/folders/18qJ9YPpxMjS0doJ9-pyMJk8l7qa6OEzZ?usp=sharing
autoload: form_validation dan url
Config : nama alamat url
controller/welcome
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
class Welcome extends CI_Controller {
public function index()
{
$this->load->view('welcome_message');
}
public function aksi()
{
$this->form_validation->set_rules('nama','Nama','required',['required'=>'Nama Belum Terisi']);
$this->form_validation->set_rules('alamat','Alamat','required',['required'=>'Alamat Belum Terisi']);
if($this->form_validation->run()!=false)
{
echo "Data Sudah terisi";
}else{
$this->load->view('welcome_message');
}
}
}
View/welcome
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
<title>Cara membuat form validation</title>
<style type="text/css">
</style>
</head>
<body>
<div id="container">
<h1 style="text-align:center;margin-top:5%;">Cara membuat form validation</h1>
<form method="post" action="<?php echo site_url('welcome/aksi')?>" class="mt-5" style="margin-left:30%;">
<div class="form-group">
<label>Nama</label>
<input type="text" class="form-control" name="nama" style="width:50%;" placeholder="Masukan Nama Anda">
<?php echo form_error('nama','<div class="text-danger small">','</div>');?>
</div>
<div class="form-group">
<label>Alamat</label>
<input type="text" class="form-control" name="alamat" style="width:50%;" placeholder="Masukan Alamat Anda">
<?php echo form_error('alamat','<div class="text-danger small">','</div>');?>
</div>
<div class="form-group">
<label>Jenis Kelamin</label>
<select name="jenkel" class="form-select" style="width:50%;">
<option>Laki-laki</option>
<option>Perempuan</option>
</select>
</div>
<button class="btn btn-primary mt-3">Simpan</button>
</form>
</div>
</body>
</html>
No comments