Problem Senaryosu
Bir kullanıcı kayıt formu tasarladınız. CodeIgniter 3’ün form validasyon özelliklerini kullandınız, ancak:
-
CSS dosyaları doğru yüklenmiyor, tasarım bozuk görünüyor.
-
Validasyon hataları (örneğin, “E-posta geçersiz”) düz metin olarak görünüyor ve stil kuralları uygulanmıyor.
Sonuç: Profesyonel görünmeyen, kullanıcı dostu olmayan bir form.
Çözüm Adımları
1. CSS Dosyalarını Doğru Yükleme
CodeIgniter’da asset (CSS, JS) yollarını doğru tanımlamak için base_url() fonksiyonunu kullanın.
Yapılacaklar:
-
Proje dizininde
assets/cssklasörü oluşturun. -
application/config/autoload.phpdosyasına URL helper’ı ekleyin:
$autoload['helper'] = array('url', 'form');
- View dosyanızda CSS bağlantısını şu şekilde verin:
<link rel="stylesheet" href="<?php echo base_url('assets/css/style.css'); ?>">
2. Form ve Validasyon Hatası Stillerini Düzenleme
Hata mesajlarını HTML içinde özelleştirilmiş bir CSS class’ı ile görüntüleyin.
Controller (Kayit.php):
<?php
class Kayit extends CI_Controller {
public function __construct() {
parent::__construct();
$this->load->library(‘form_validation’);
}
public function index() {
$this->form_validation->set_rules(’email’, ‘E-posta’, ‘required|valid_email’);
if ($this->form_validation->run() == FALSE) {
$this->load->view(‘kayit_formu’);
} else {
// Kayıt işlemleri
}
}
}
View (kayit_formu.php):
CSS (style.css):
